/*
 

*/

*, html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; text-decoration:none;}

/* Font Face */
@font-face {
    font-family: 'OpenSansLight';
    src: url('library/media/fontface/OpenSans-Light-webfont.eot');
    src: url('library/media/fontface/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-Light-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-Light-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('library/media/fontface/OpenSans-LightItalic-webfont.eot');
    src: url('library/media/fontface/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('library/media/fontface/OpenSans-Regular-webfont.eot');
    src: url('library/media/fontface/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-Regular-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('library/media/fontface/OpenSans-Italic-webfont.eot');
    src: url('library/media/fontface/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-Italic-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('library/media/fontface/OpenSans-Semibold-webfont.eot');
    src: url('library/media/fontface/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-Semibold-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('library/media/fontface/OpenSans-SemiboldItalic-webfont.eot');
    src: url('library/media/fontface/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('library/media/fontface/OpenSans-Bold-webfont.eot');
    src: url('library/media/fontface/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-Bold-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('library/media/fontface/OpenSans-BoldItalic-webfont.eot');
    src: url('library/media/fontface/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('library/media/fontface/OpenSans-ExtraBold-webfont.eot');
    src: url('library/media/fontface/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('library/media/fontface/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('library/media/fontface/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/media/fontface/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('library/media/fontface/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('library/media/fontface/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ff-light 	{font: 18px/27px 'OpenSansLight', Arial, sans-serif;}
.ff-bold 	{font: 18px/27px 'OpenSansBold', Arial, sans-serif;}

a			{text-decoration:none;}

p.style2 {font: 18px/27px 'OpenSansLightItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'OpenSansRegular', Arial, sans-serif;}
p.style4 {font: 18px/27px 'OpenSansItalic', Arial, sans-serif;}
p.style5 {font: 18px/27px 'OpenSansSemibold', Arial, sans-serif;}
p.style6 {font: 18px/27px 'OpenSansSemiboldItalic', Arial, sans-serif;}

p.style8 {font: 18px/27px 'OpenSansBoldItalic', Arial, sans-serif;}
p.style9 {font: 18px/27px 'OpenSansExtrabold', Arial, sans-serif;}
p.style10 {font: 18px/27px 'OpenSansExtraboldItalic', Arial, sans-serif;}


/* Removes dotted line when focus */
:focus 	{outline: none; }
strong	{font-weight:bold;}
.clear	{clear:both;}

/* Global */
body {
    background: #f6f6f6;
    margin: 0;
    padding: 0;
	font: 16px/26px 'OpenSansLight', Arial, sans-serif;
	height: 100%;
    width: 100%;
	color:#000;
}

/* Colors */
	/* niebieski */
body.pageid-2 .slider {background-color: #1A5A65;}
body.pageid-2 a		  {color: #1A5A65; }

	/* czerwony */
body.pageid-5 .slider {background-color: #c20b0b;}
body.pageid-5 a		  {color: #c20b0b; }	
body.pageid-5 .col-23 h1, 
body.pageid-5 .col-13 h1 {border-left:5px solid #c20b0b;}
body.s-category-aktualnosci .col-23 h1, 
body.s-category-aktualnosci .col-13 h2  {border-left:5px solid #c20b0b;}  

	/* zielony */
body.pageid-7 .slider {background-color: #60aa10;}
body.pageid-7 a		  {color: #60aa10; }	
body.pageid-7 .col-23 h1, 
body.pageid-7 .col-13 h1 {border-left:5px solid #60aa10;} 

	/* zolty */
body.pageid-9 .slider {background-color: #999e0c;}
body.pageid-9 a		  {color: #999e0c; }	
body.pageid-9 .col-23 h1, 
body.pageid-9 .col-13 h1 {border-left:5px solid #999E0C;} 

	/* brazowy */
body.pageid-11 .slider {background-color: #5d2929;}
body.pageid-11 a		  {color: #5d2929; }	
body.pageid-11 .col-23 h1, 
body.pageid-11 .col-13 h1,
body.s-category-szkolenia .col-23 h1, 
body.s-category-szkolenia .col-13 h2  {border-left:5px solid #5d2929;} 

	/* pomaranczowy */
body.pageid-13 .slider {background-color: #fe7b6f;}
body.pageid-13 a		  {color: #fe7b6f; }	
body.pageid-13 .col-23 h1, 
body.pageid-13 .col-13 h1 {border-left:5px solid #fe7b6f;} 

	/* szary */
body.pageid-111 .slider {background-color: #414a21;}
body.pageid-111 a		  {color: #414a21; }	
body.pageid-111 .col-23 h1, 
body.pageid-111 .col-13 h1 {border-left:5px solid #414a21; clear:both;}
	


.container {
    margin: 0 auto;
    position: relative;
    width: 1100px;
}

.col-23 	{float: left; font-size: 16px; margin: 0 40px 15px 0; width: 750px; overflow:hidden;}
.col-23 hr 	{border-bottom: 1px solid #FFFFFF; border-top: 1px solid #E5E5E5; clear: both; display: block; margin: 15px 0;}
.col-13 	{float: left; font-size: 16px; width: 300px; overflow:hidden;}

.col-23 h1, .col-13 h1 	{font-size: 30px; margin: 0 0 15px; padding: 0 0 0 10px;}
.col-23 h2, .col-13 h2 	{font-size: 20px; margin: 0 0 15px; padding: 0 0 0 10px;}
.col-23 p, .col-13 p 	{line-height: 26px; padding: 0 0 26px 15px;}
.col-23 ul 	{line-height: 26px; margin: -18px 0 0; padding: 0 0 26px 15px;}
.col-23 ul li 	{list-style-position: outside; list-style-type: square; margin: 0 0 10px 18px;}

.header {
    height: 190px;
    position: relative;
    z-index: 20;
}
.header .logo {
	background: url('../powidz-noclegi/logo.gif') no-repeat scroll 0 0 transparent;
	display: block;
	height: 155px;
	left: 10px;
	position: absolute;
	top: 18px;
	width: 313px;
}
.header .menu {
    position: absolute;
    right: 0;
    top: 83px;
}
.header .menu li {
    display: block;
    float: left;
    list-style: none inside none;
}

.header .menu li a {
	color: #000000;
	display: block;
	float: left;
	height: 25px;
	-webkit-transition:  all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition:  all 0.2s ease-in-out 0s;
	-ms-transition:  all 0.2s ease-in-out 0s;
	transition:  all 0.2s ease-in-out 0s;
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 14px;
	line-height: 27px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
}

.header .menu li.page-item-1 a:hover,
body.pageid-1 .header .menu li.page-item-1 a				{border-bottom: 5px solid #60aa10;}
.header .menu li.page-item-2 a:hover,
body.pageid-2 .header .menu li.page-item-2 a,
body.s-category-aktualnosci .header .menu li.page-item-2 a	{border-bottom: 5px solid #c20b0b; }
.header .menu li.page-item-3 a:hover,
body.pageid-3 .header .menu li.page-item-3 a				{border-bottom: 5px solid #60aa10;}

.header .menu li.page-item-5 a:hover,
body.pageid-5 .header .menu li.page-item-5 a				{border-bottom: 5px solid #60aa10;}

.header .menu li.page-item-4 a:hover,
body.pageid-4 .header .menu li.page-item-4 a				{border-bottom: 5px solid #999e0c;}
 
.header .menu li.page-item-6 a:hover,
body.pageid-6 .header .menu li.page-item-6 a				{border-bottom: 5px solid #fe7b6f;}
.header .menu li.page-item-7 a:hover,
body.pageid-7 .header .menu li.page-item-7 a			{border-bottom: 5px solid #414a21;}
.header .menu li.page-item-8 a:hover,
body.pageid-8 .header .menu li.page-item-8 a			{border-bottom: 5px solid #412653;}



.slider {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
    height: 285px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 10px #000000;
    width: 100%;
    z-index: 10;
}


.slider h1 {
    font: 60px/60px 'OpenSansLight',Arial,sans-serif;
    margin: 0;
    padding: 90px 0 0;
}
.slider h2 {
    font: 36px/50px 'OpenSansLight',Arial,sans-serif;
    margin: 0;
}

.content {
    background-color: #F1F1EE;
    padding: 80px 0;
	position:relative;
	z-index: 20;
}
img.attachment-full {
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: -115px;
}

/* HOME */
.home-site 		{
	text-align:left;
}
.home-site h1 	{
	margin:0 0 15px;
	font-family: 'OpenSansLight', Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
}
.home-site p 	{ font-size:16px;}

/* AKTUALNOSCI */
.aktualnosci-site .post-image 	{background: url("library/media/images/aktualnosci-blank.jpg") no-repeat scroll 0 0 transparent; float: left; height: 150px; margin: 0 0 0 15px; overflow: hidden; width: 150px;}
.aktualnosci-site .post-text 					{float: left; width: 585px;}
body.pageid-5 .aktualnosci-site h1 				{margin: 0 0 35px;}
.aktualnosci-site .post-text h2 				{margin: 5px 0 10px;}
.aktualnosci-site .post-text .data 				{font-size: 12px; line-height: 15px; opacity: 0.5; padding: 0 0 0 15px;}
.aktualnosci-site .post-text p.excerpt-link 	{padding: 0 0 10px 15px;}
.aktualnosci-site .post-text p.excerpt-link a	{color:#000;}
.aktualnosci-site .post-text a.post-link,
body.s-category-aktualnosci .col-23 a.back 		{background-color: #a50101; border: 1px solid #570101; border-radius: 10px 10px 10px 10px;    color: #FFFFFF; float: right; font-size: 12px; font-weight: normal; margin: 0 10px 25px 0; padding: 5px 25px;}
body.pageid-5 .aktualnosci-site hr				{margin: 15px 0 35px;}

ul.others				{}
ul.others li			{float: left; margin: 10px 0;}
ul.others li a.ao-thumb	{display: block; float: left; height: 75px; margin: 0 10px 0 15px; width: 75px; background: url("library/media/images/aktualnosci-blank-small.jpg") no-repeat scroll 0 0 transparent;}
ul.others li a.ao-title	{color: #000000; float: left; font-size: 14px; line-height: 20px; width: 200px;}

/* PRODUKTY */
.carousel {
    height: 75px;
    margin: 0 0 60px 15px;
    padding: 0 0 0 160px;
    position: relative;
}
.carousel button {
    background-color: #60AA10;
    border-right: 5px solid #F1F1EE;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 0 5px 0 0;
    padding: 0;
    position: absolute;
    width: 80px;
    z-index: 2;
    text-indent: -9999px;
}
.carousel button.next	{ left:80px; background: url("library/media/images/button-next.jpg") no-repeat scroll 0 0 transparent; }
.carousel button.prev	{ left:0; background: url("library/media/images/button-prev.jpg") no-repeat scroll 0 0 transparent; }
.carousel ul {
    height: 75px;
    overflow: hidden;
}
.carousel ul li {
    height: 75px;
    margin: 0 5px 0 0;
    position: relative;
    width: 75px;
	float:left;
}

/* SZKOLENIA */
.post-text		{}
.post-text h2 	{font-size: 22px; margin: 20px 0 10px; padding: 0 0 0 15px;}
.post-text p.details 		{float: left; font-size: 14px; margin: 0 50px 0 0;}
.post-text p.details span 	{background-color: #8F3A3A; border-radius: 10px 10px 10px 10px; color: #FFFFFF; font-size: 14px; margin: 0 10px 0 0; padding: 5px 10px;}
body.pageid-11 .post-text h2 a		{color:#5d2929;}
body.pageid-11 .post-text a		{color:#000;}
body.pageid-11 .post-text a.post-link,
body.s-category-szkolenia .col-23 a.back 	{background-color: #8F3A3A; border: 1px solid #5D2929; border-radius: 10px 10px 10px 10px;    color: #FFFFFF; float: right; font-size: 12px; font-weight: normal; margin: 0 10px 0 0; padding: 5px 25px;}

/* KONTAKT */
#canvas_holder	{height: 285px; overflow: hidden; width: 100%; z-index: 10;}
#map_canvas 	{height: 100%; left: 0; top: 0; width: 100%;}


#si_contact_form1		{width:750px; position:relative;}
#si_contact_form1 input {border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; height: 40px; margin: 0; padding: 0 10px;    position: relative; width: 240px; z-index: 20;}
#si_contact_form1 label 	{display: block; margin: 10px 0 0; padding: 0 0 0 10px;}
#si_contact_form1 textarea 	{border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; height: 176px; padding: 10px; resize: none; width: 430px; z-index:30; left: 298px; position: absolute; top: 62px;}
#si_contact_form1 input#fsc-submit-1 	{background-color: #FE7B6F; border: 1px solid #E85C4F; border-radius: 5px 5px 5px 5px; color: #FFFFFF; float: right; margin: 15px 0;}

#si_contact_form1 label.si_contact_ex_field1_4	{left: 298px; position: absolute; top: 25px;}




/* COOKIES */
.cookies-site	{ font-size:14px;}
.cookies-site p	{ margin:0 0 20px 0;}


/* MEDIA */
.media-sort	{margin:0 0 60px 0;}
.media-sort a 	{color: #000; display: block; font-size: 14px; margin: 0 0 0 5px; padding: 5px;}
.media-sort a:hover	{background-color: #e2e2e2;}
.media-sort a.active 	{background-color: #412653; color: #fff; font-weight: bold;}

.footer {
    background: #fff;
    color: #919191;
    height: 70px;
    padding: 60px 0 20px;
    position: relative;
    width: 100%;
	font: 12px/27px 'OpenSansLight', Arial, sans-serif;
}

.footer .menu {
    display: block;
    float: left;
}
.footer .menu ul {
    float: left;
    margin: 0;
    padding: 0;
}
.footer .menu ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 10px;
}
.footer .menu ul li a {
	color: #000;
}
.footer .info {
    clear: both;
    display: block;
    float: left;
}
.footer .info a {
	color: #919191;
	margin: 0 10px;
}
.footer .copy {
    float: right;
}
.footer .copy a {
	color: #919191;
	margin: 0 10px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 3px; }


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* Clearing floats without extra markup */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }


/* Regular clearing, just in case! */
.clear 			{clear: both; }
.right			{float: right;}
.left			{float: left; }

	
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }


/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section input { border: 1px #e8e8e8 solid; font-size: 11px; color: #D22CA9;}
.form-section textarea { border: 1px #e8e8e8 solid; font-size: 11px; color: #D22CA9; font-family: Tahoma,Arial,Helvetica,sans-serif;}
.form-section label { cursor: pointer; }
#commenter-details input { margin-bottom: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }

#respond {margin: 35px 0px 0px 0px; display:none;}
#respond  #leave-a-reply {font-size: 22px;}

/* Images */
img.alignleft { float: left; margin: 5px 20px 20px 0; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 15px; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }


/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }


/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


/* Lightbox */
#cboxCurrent 	{text-indent: -99999px;}
#cboxTitle 	{bottom: 0; color: #FFFFFF; left: 0; position: absolute; text-align: center; text-indent: -99999px; width: 100%;}
#cboxClose 	{background: url("library/media/images/icon-close.png") no-repeat scroll 0 0 transparent; height: 30px; overflow: hidden; text-indent: -200px; width: 30px;}
#cboxNext	{background: url("library/media/images/icon-next.png") no-repeat scroll 0 0 transparent; height: 30px; overflow: hidden; text-indent: -200px; width: 30px;}
#cboxPrevious	{background: url("library/media/images/icon-prev.png") no-repeat scroll 0 0 transparent; height: 30px; overflow: hidden; text-indent: -200px; width: 30px;}


 /* iPad 1&2 (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.slider { width:1024px;}
	.container	{ width:1000px;}
}

 /* iPad 1&2 (landscape) ----------- */
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
	.header .logo {background: url("library/media/images/logo-small.jpg") no-repeat scroll 0 0 transparent; height: 35px;top: 25px; width: 130px; left:0px;}
	.header .menu li a {font: 12px/27px 'OpenSansRegular',Arial,sans-serif; height: 25px; margin: 0 2px;  padding: 0 10px;}
	.slider { width:768px;}
	.container	{ width:730px;}
	.home-site h1 {font: 46px/62px 'OpenSansLight', Arial, sans-serif; margin:0 0 15px;}
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	body	{ width:480px; font: 13px/18px 'OpenSansLight', Arial, sans-serif;}
	.header { height: 115px;}
	.header .menu {left: 0; top: 80px;}
	.header .menu li a {font: 12px/27px 'OpenSansRegular',Arial,sans-serif; height: 25px; margin: 0;  padding: 0 7px;}
  	.slider 	{width:480px; height:200px;}
	.slider h1 	{padding: 50px 0 0;}
	.slider h2 	{font: 22px/26px 'OpenSansLight',Arial,sans-serif; margin: 0;}
	.container	{ width:470px;}
	.home-site h1 {font: 30px/32px 'OpenSansLight', Arial, sans-serif; margin:0 0 15px;}
	.col-23, .col-13		{width:470px;} 
	.aktualnosci-site .post-text 	{width: 305px;}
	#si_contact_form1		{width:470px;}
	#si_contact_form1 label.si_contact_ex_field1_4	{left: 0; position: relative; top: 0;}
	#si_contact_form1 textarea  			{position:relative; top:0; left:0; width:280px;}
	#si_contact_form1 input#fsc-submit-1 		{float:left; margin-bottom: 40px; }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
	body	{ width:640px; font: 13px/18px 'OpenSansLight', Arial, sans-serif;}
	.header { height: 115px;}
	.header .menu {left: 0; top: 80px;}
	.header .menu li a {margin: 0 10px;  padding: 0 8px;}
    .slider { width:640px; height:200px;}
	.slider h1 	{padding: 50px 0 0;}
	.slider h2 	{font: 24px/26px 'OpenSansLight',Arial,sans-serif; margin: 0;}
	.container	{ width:630px;}
	.home-site h1 {font: 30px/32px 'OpenSansLight', Arial, sans-serif; margin:0 0 15px;}
	.col-23, .col-13	{ width:630px;} 
	.aktualnosci-site .post-text 	{width: 465px;}
	#si_contact_form1		{width:630px;}
	#si_contact_form1 label.si_contact_ex_field1_4	{left: 0; position: relative; top: 0;}
	#si_contact_form1 textarea  			{position:relative; top:0; left:0; width:280px;}
	#si_contact_form1 input#fsc-submit-1 		{float:left; margin-bottom: 40px; }
}
 #res {
	position:fixed;
	right:10px;
	top:10px;
	z-index:100;	
	 
}