/* ******************************************************** */
/* Arkusz styli dla witryny Mariba.pl 						*/
/* ******************************************************** */
/* Ważne ustawienia:										*/
/* - rozmiar bazowy ustawionego w body to 20px				*/


* {
	margin					: 0px;
	padding					: 0px;
	border					: none;
}

html { 
	font-size				: 100%;
}

body {
	width					: 100%;
	height					: auto;
	min-height				: 100%;
	color					: #000000;
	background-color		: #0B0B0B;
	font-family				: 'Open Sans', Arial, sans-serif;
	font-size				: 24px;		/* domyślny rozmiar czcionki dla strony - dziedziczony przez resztę elementów */
	-webkit-font-smoothing	: antialiased;
	/*text-rendering			: optimizeLegibility;*/
	overflow-x				: hidden;
}


/* ************************************************** */

#tresc{
	width					: 100%;
	height					: auto;
	min-height				: 1em; 
	position				: relative;	
	/* #tresc dziedziczy rozmiar 1em */
}

/* ******************************************* */
/* STRONY			                           */
/* ******************************************* */

div.strona {
	width					: 100%;
	height					: auto;
	min-height				: 30em;
	padding-bottom			: 2em;
	z-index					: 3;
	position				: relative;
	overflow				: hidden;
}

div.strona div.zawartosc {
	margin					: 0em 6em;
	padding-bottom			: 2em;
}

#tresc_l0 {
	margin-bottom			: -2em;
	padding-bottom			: 0em;
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_1920.jpg');
	background-repeat		: repeat, no-repeat;
	background-position		: top left, top left;
	background-attachment	: scroll, scroll; 
	-webkit-background-size	: auto, cover;
	-moz-background-size	: auto, cover;
	-o-background-size		: auto, cover;
	background-size			: auto, cover;
} 

#tresc_l1 {
	background-color		: #a6ecfe;
}
#tresc_l2 {
	background-color		: #a5fe86;
}
#tresc_l3 {
	background-color		: #fef99b;
}
#tresc_l4 {
	background-color		: #ffcb9e;
}
#tresc_l5 {
	background-color		: #fea6a6;
	border-top				: 2px solid #FFFFFF;
	border-bottom			: 2px solid #FFFFFF;
	min-height				: 10em;
	position				: relative;
	top						: 15em;
}

#tresc_l6 {
	background-color		: rgba(255, 158, 229, 0.7);
	min-height				: 24em;
	width					: 40em;
	margin					: 0em;
	margin-left				: 4em;
	position				: relative;
	margin-top				: 20em;
}

#tresc_stopka {
	min-height				: 3em;
	padding-top				: 0em;
	padding-bottom			: 0em;
	text-align				: center;
}


/* ******************************************* */
/* NAGŁÓWKI GRAFICZNE                          */
/* ******************************************* */

div.strona_img {
	width					: 100%;
	height					: auto;
	min-height				: 20em;
	background-repeat		: repeat, repeat-y;
	background-position		: center center, center center;
	background-attachment	: scroll, scroll; 
	-webkit-background-size	: auto, cover;
	-moz-background-size	: auto, cover;
	-o-background-size		: auto, cover;
	background-size			: auto, cover;
	position				: relative;
	border-top				: 2px solid #FFFFFF;
	border-bottom			: 2px solid #FFFFFF;
	overflow				: hidden;
}

#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_1920.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_1920.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_1920.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_1920.jpg');
	min-height				: 75em;
}
/*
#img_l6{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_1920.jpg');
	min-height				: 40em;
}
*/



#logo{
	width					: 20em;
	height					: 9.3em;
	left					: 3em;
	top						: 2.3em;
	padding					: 1em;
	position				: absolute;
	z-index					: 1;
	background-image		: url('grafika/mariba_logo_1920.png');
	background-repeat		: no-repeat;
	background-position		: top left;
	background-attachment	: scroll; 
}

/* Style treści na stronach */

#tresc h1 {
	margin					: 0em;
	padding-top				: 0.5em;
	height					: auto;
	line-height				: 1em;
	color					: white;
	font-weight				: bold;
	font-size				: 3em;
	text-transform			: uppercase;
 	text-align				: left;
	font-family				: Oswald, Arial, sans-serif;
	text-shadow				: 0px 3px 6px rgba(200, 200, 200, 0.5);
	clear					: both;
	/* #tresc h1 ustawia rozmiar na 1.95em */
}

#tresc div.strona h1:first-child {
	padding-top				: 0.7em;
}


#tresc #tresc_l5 h1, #tresc #tresc_l6 h1 {
	margin					: 0em;
	border					: none;
	padding-top				: 0.5em;
	height					: 1em;
	line-height				: 1em;
	color					: white;
	font-weight				: bold;
	font-size				: 3em;
	text-transform			: uppercase;
 	text-align				: left;
	font-family				: Oswald, Arial, sans-serif;
	text-shadow				: 0px 3px 6px rgba(200, 200, 200, 0.5);
	
}

#tresc #tresc_l5 p, #tresc #tresc_l6 p {
	margin					: 1.5em 0em 0em 0em;
	padding					: 0em;
	font-size				: 0.9em;
	text-align				: justify;
	color					: #050505;
	text-transform			: none; 	
	float					: none;
	/* rozmiar 0.9 */
}

#tresc a {
	text-decoration			: none;
	color					: #5F5F5F;
	font-weight				: bold;
}

#tresc a:focus, #tresc a:hover {
	text-decoration			: underline;
}

#tresc div.strona p {
	margin-top				: 1.5em;
	padding					: 0em;
	font-size				: 0.9em;
	text-align				: justify;
	color					: #050505;
	/* rozmiar 0.9 */
}

#tresc div.strona p b {
	font-size				: 0.9em;
}

#tresc div.strona ul {
	margin					: 0.5em 0em;
	padding					: 0em 0em 0em 1.1em;
	font-size				: 0.9em;
	text-align				: left;
	color					: #050505;
	list-style-position		: outside;
	list-style-type			: square;
}

#tresc div.strona img {
	margin					: 1em;
	margin-right			: 0em;
}

#tresc div.strona img.right {
	float					: right;
}

#tresc div.strona a.plakat {
	display					: block;
	margin-right			: 1em;
	width					: 15em;
	float					: left;
}

#tresc div.strona a.plakat img{
	width					: 100%;
	margin					: 0em;
}

/* ******************************************* */
/* Strona - nagłówek                           */
/* ******************************************* */

#tresc_l0 #naglowek {
	position				: absolute;
	bottom					: 2em;
	right					: 6em;
	padding-top				: 3.1em;
}

#tresc_l0 #naglowek h1 {
	width					: 10em;
	height					: auto;
	padding					: 0em;
	padding-top				: 0.5em;
	margin					: 0em;
	border-top				: 1px solid #FFFFFF;
	font-size				: 3em;
	text-align				: right;
	float					: right;
	/* ustawia rozmiar odniesienia na 3em */
}

#tresc_l0 #naglowek p {
    margin					: 1.5em 0em;
    padding					: 0em;
	color					: #FFFFFF;
    float					: right;
    font-size				: 1em;
    text-align				: justify;
	text-transform			: uppercase;
	-moz-text-align-last	: right;
	text-align-last			: right;
	clear					: both;
}


#tresc div.strona_img div.naglowek {
	position				: absolute;
	bottom					: 1em;
	left					: 6em;
	margin-bottom			: 0em;
	margin-right			: 6em;
	padding-top				: 3.1em;
}

#tresc div.strona_img h1 {
	min-width				: 12em;
	height					: auto;
	padding					: 0em;
	padding-top				: 0.5em;
	margin					: 2.5em 0em 0em 0em;
	border-top				: 1px solid #FFFFFF;
	font-size				: 3em;
	text-align				: left;
	float					: left;
	/* ustawia rozmiar odniesienia na 3em */
}

#tresc div.strona_img p {
    margin					: 1.5em 0em;
    padding					: 0em;
	color					: #FFFFFF;
    float					: left;
	text-transform			: uppercase;	
    font-size				: 1em;
    text-align				: justify;
	-moz-text-align-last	: left;
	text-align-last			: left;
	clear					: both;
	/* ustawia rozmiar odniesienia na 3em */
}

#tresc #tresc_l2 h2 {
	padding-top				: 2em;
	height					: 1em;
	line-height				: 1em;
	color					: white;
	font-weight				: bold;
	font-size				: 1em;
	text-transform			: uppercase;
 	text-align				: left;
	font-family				: Oswald, Arial, sans-serif;
	text-shadow				: 0px 3px 6px rgba(200, 200, 200, 0.5);
	/* #tresc h1 ustawia rozmiar na 1.95em */	
}

#tresc #tresc_l2 h3 {
	height					: 1em;
	line-height				: 1.2em;
	color					: /*#5F5F5F;*/ white;
	font-weight				: bold;
	font-size				: 1em;
	text-transform			: uppercase;
 	text-align				: left;
	font-family				: Oswald, Arial, sans-serif;
	text-shadow				: 0px 3px 6px rgba(200, 200, 200, 0.5);
	/* #tresc h1 ustawia rozmiar na 1.95em */	
}

#tresc #tresc_l6 h1{
	padding-right			: 0.8em;
	padding-left			: 0.6em;
}

#tresc div.galeria {
	height					: auto;
	min-height				: 1em;
}

#tresc div.galeria a {
	margin					: 2em 0em 0em 2em;
	width					: 35%;
	border					: 2px solid #FFFFFF;
	float					: right;
	display					: block;
	background-repeat		: no-repeat;
	background-position		: top left;
	background-attachment	: scroll; 
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
}

#tresc div.galeria img {
	margin					: 0em;
	width					: 100%;
	display					: block;
	background-color		: white; 	/* bug w jQuery przy zmianie opacity zmienia wielkosc obrazka o 1px */
										/* nadanie koloru tła niweluje ten efekt */
}

/* ******************************************* */
/* Strona  - Warsztaty                         */
/* ******************************************* */

#tresc_l2 div.warsztaty_ogloszenia_pad1, #tresc_l2 div.warsztaty_ogloszenia_pad2 {
	margin-top				: 0.5em;
	width					: 50%;
	float					: left;
}

#tresc_l2 div.warsztaty_ogloszenia_pad1 p, #tresc_l2 div.warsztaty_ogloszenia_pad2 p {
	font-size				: 0.8em;
}

#tresc_l2 div.warsztaty_ogloszenia_pad1 p b, #tresc_l2 div.warsztaty_ogloszenia_pad2 p b {
	font-size				: 1em;
}

#tresc_l2 div.warsztaty_ogloszenia_pad1 span, #tresc_l2 div.warsztaty_ogloszenia_pad2 span {
	color					: red;
}

#tresc_l2 div.left {
	float					: left;
	width					: 59.5%;
	margin					: 0em;
	padding					: 0em;
}

#tresc_l2 div.left div.aktualnosci {
}

#tresc_l2 div.left sup {
	font-size				: 0.5em;
}

#tresc_l2 div.right {
	float					: right;
	width					: 40.5%;
	margin					: 0em;
	padding					: 0em;	
}	

#tresc_l2 div.right h1 {
	padding					: 0em;
	text-align				: right;
}

#tresc_l2 table {
	margin					: 2em 0em;
	border					: 2px solid #FAFAFA;
	border-collapse			: collapse;
	width					: 30em;
	font-size				: 1em;
}

#tresc_l2 td {
	padding					: 1em;
	border					: 2px solid #FAFAFA;
	font-size				: 0.8em;
}

#tresc_l2 td.lewa {
	width					: 60%;
}

#tresc_l2 td.prawa {
	width					: 40%;
}


/* ******************************************* */
/* Strona - O Maribie                          */
/* ******************************************* */

#tresc #img_l5 div.naglowek{
	top						: 5em;
	padding-top				: 0em;
}

#tresc #img_l5 h1 {
	margin-top				: 0em;
}

#tresc #tresc_l5 h1 {
	padding-bottom			: 0.5em;
}




/* ******************************************* */
/* Strona - Kontakt                            */
/* ******************************************* */

#tresc #tresc_l6 h1 {
	margin-top				: 0.5em;
}

#tresc_l6 #kontakt_form {
	width					: 26em;
	float					: left;
}

#tresc_l6 #kontakt_info {
	padding-top				: 1.5em;
	padding-right			: 2em;
	width					: 12em;
	float					: right;
	text-align				: center;
	color					: #000000;
}

#tresc_l6 #kontakt_info h2 {
	width					: 100%;
	font-size				: 0.8em;
	text-align				: center;
	color					: #000000;
}

#cennik {
	cursor					: pointer;
}

#tresc_l6 #kontakt_info p {
	width					: 100%;
	font-size				: 0.8em;
	margin					: 0em;
	margin-top				: 1em;
	padding					: 0em;
	text-align				: center;
	-moz-text-align-last	: center;
	text-align-last			: center;
}

#tresc_l6 #kontakt_info p b {
	font-size				: 1em;
}

#tresc_l6 #kontakt_info a {
	margin					: 0em;
	margin-top				: 2em;
	padding					: 0em;
	width					: 11.9em;
	height					: 11.9em;
	border					: 2px solid #FF9EE5;
	overflow				: hidden;
	display					: block;
	background-repeat		: no-repeat;
	background-position		: top left;
	background-attachment	: scroll; 
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
}

#tresc_l6 #kontakt_info img {
	margin					: 0em;
	padding					: 0em;
}

/* ******************************************* */
/* Stopka strony		                       */
/* ******************************************* */

#tresc #tresc_stopka p {
	margin					: 0em;
	padding					: 0em;
	color					: #FFFFFF;
	font-size				: 0.7em;
	height					: 3em;
	line-height				: 3em;
	text-align				: center;
}

/* ******************************************* */
/* Fromularz kontaktowy                        */
/* ******************************************* */

#formularz_kontakt {
	margin-top				: 1em;	
	margin-left				: 2em;
	margin-right			: 1em;
	padding					: 0em;
	width					: 23em;
	font-size				: 1em;
	position				: relative;
}	

#formularz_kontakt label {
	font-size				: 0.8em;
	text-transform			: uppercase;
}

#formularz_kontakt input, #formularz_kontakt textarea {
	margin					: 0.5em 0em;
	border					: 2px solid #FF9EE5;
	font-size				: 0.8em;
	font-family				: 'Open Sans', Arial, sans-serif;
}

#formularz_kontakt input {
	width					: 26em;
	height					: 2em;
}

#formularz_kontakt textarea {
	padding					: 0em;
	width					: 26em; /*29.8em;*/
	min-height				: 14.9em;
	max-height				: 14.9em;
	font-size				: 0.8em;
	overflow				: auto;
	resize					: vertical;
}

#formularz_kontakt .pola_form {
	margin					: 0em;
	padding					: 0em;
}

#formularz_kontakt .form_blad {
	color					: #F23252;
	font-weight				: bold;
	font-size				: 1em;
}

#formularz_kontakt .form_pole_blad {
	background-color		: #FFEDED;
}

#formularz_kontakt input.przycisk {
	width					: 10em;
	height					: 2em;
	line-height				: 2em;
	font-size				: 0.8em;
	cursor					: pointer;
	float					: left;
}

#formularz_kontakt div.licznik_znakow {
	margin-top				: 0.4em;
	margin-right			: 2.5em;
	padding-right			: 0.3em;
	border					: 2px solid #FF9EE5;
	width					: 4em;
	height					: 1.8em;
	line-height				: 1.8em;
	text-align				: right;
	font-size				: 0.8em;
	color					: #A9A9A9;
	background-color		: #FFFFFF;
	float					: right;
	display					: none;
}

#formularz_kontakt img.load {
	margin					: 0em !important;
	padding					: 0em !important;
	width					: 4em;
	height					: 4em;
	margin-top				: 1.5em !important;
	margin-left				: -3em !important;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	z-index					: 99;
}

#formularz_kontakt div.sukces {
	margin-top				: 2.7em;
	margin-left				: -11.3em;
	border					: 1px solid #EC0A6A;
	width					: 20em;
	height					: 3em;
	line-height				: 3em;
	font-size				: 0.8em;
	text-align				: center;
	background-color		: #FFFFFF;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	cursor					: pointer;
	z-index					: 99;
}


/* ******************************************* */
/* Fromularz zgłoszeniowy                      */
/* ******************************************* */

#formularz_zgloszenie {
	margin-top				: 1em;	
	padding					: 0em;
	width					: 23em;
	font-size				: 1em;
	position				: relative;
}

#formularz_zgloszenie fieldset {
	padding					: 1em;
	border					: 2px solid #F0F0F0;
	width					: 28em;
}	

#formularz_zgloszenie label {
	font-size				: 0.8em;
	text-transform			: uppercase;
}

#formularz_zgloszenie input, #formularz_zgloszenie textarea {
	margin					: 0.5em 0em;
	border					: 2px solid #96E77A;
	font-size				: 0.8em;
	font-family				: 'Open Sans', Arial, sans-serif;
}

#formularz_zgloszenie input {
	width					: 26em;
	height					: 2em;
}

#formularz_zgloszenie div.pole_wyboru_typu input {
	margin-bottom			: 1em;
	width					: 2em;
	text-align				: center;
	height					: 1em;
	line-height				: 1em;
}

#formularz_zgloszenie div.pole_wyboru_typu label {
	height					: 1em;
	line-height				: 1em;
	text-transform			: none;
	text-align				: left;
}

#formularz_zgloszenie textarea {
	padding					: 0em;
	width					: 34.5em; /*29.8em;*/
	min-height				: 14.9em;
	max-height				: 14.9em;
	font-size				: 0.8em;
	overflow				: auto;
	resize					: vertical;
}

#formularz_zgloszenie .pola_form {
	margin					: 0em;
	padding					: 0em;
}

#formularz_zgloszenie .form_blad {
	color					: #F23252;
	font-weight				: bold;
	font-size				: 1em;
}

#formularz_zgloszenie .form_pole_blad {
	background-color		: #FFEDED;
}

#formularz_zgloszenie input.przycisk {
	width					: 10em;
	height					: 2em;
	line-height				: 2em;
	font-size				: 0.8em;
	cursor					: pointer;
	float					: left;
}

#formularz_zgloszenie div.licznik_znakow {
	margin-top				: 0.4em;
	margin-right			: 0.2em;
	padding-right			: 0.3em;
	border					: 2px solid #96E77A;
	width					: 4em;
	height					: 1.8em;
	line-height				: 1.8em;
	text-align				: right;
	font-size				: 0.8em;
	color					: #A9A9A9;
	background-color		: #FFFFFF;
	float					: right;
	display					: none;
}

#formularz_zgloszenie img.load {
	margin					: 0em !important;
	padding					: 0em !important;
	width					: 4em;
	height					: 4em;
	margin-top				: 1.5em !important;
	margin-left				: -1.5em !important;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	z-index					: 99;
}

#formularz_zgloszenie div.sukces {
	margin-top				: 5em;
	margin-left				: -6em;
	border					: 1px solid #EC0A6A;
	width					: 20em;
	height					: 3em;
	line-height				: 3em;
	font-size				: 0.8em;
	text-align				: center;
	background-color		: #FFFFFF;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	cursor					: pointer;
	z-index					: 99;
}


/* ******************************************************* */
/* MENU 												   */
/* ******************************************************* */
#pasek_menu {
	width					: 100%;
	height					: 2em;
	position				: relative;
	z-index					: 20;
	font-family				: Oswald, 'Open Sans', Arial, sans-serif;
	font-size				: 1em;
	color					: #FFFFFF;
	/*background-color		: #000000;*/
	/*opacity					: 0.8;*/
	/* pasek menu dziedziczy rozmiar 1em */
}

#tresc #pasek_menu ul {
	margin					: 0em;
	padding					: 0em;
	height					: auto;
	min-height				: 2em;
	font-size				: 1em;
	list-style-type			: none;
	background-image		: url('grafika/menu_tlo_wypelnienie.png');
	background-repeat		: repeat;
}

#tresc #pasek_menu li {
	padding					: 0em 0.6em;
	width					: auto;
	min-width				: 3.5em;
	height					: 2em;
	font-size				: 1em;
	float					: left;
	/* #pasek_menu li dziedziczy rozmiar 1em */
}

#tresc  #pasek_menu li.l0 {
	padding-left			: 1em;
	width					: 1em;
	min-width				: 1em;
}

#tresc  #pasek_menu li.l0 {
	width					: 1em;
}

#tresc #pasek_menu li.l0 img {
	height					: 1.2em;
}

/* Hiperłącza w menu - obrazkowe */
#tresc  #pasek_menu li a {
	width					: 100%;
	height					: 2.5em;
	line-height				: 2.5em;
	display					: block;
	text-align				: center;
	text-decoration			: none;
	text-transform			: uppercase;
	font-weight				: normal;
	font-size				: 0.8em;
	color					: #F0F0F0;
	/* pasek_menu li a ma ustawiony rozmiar 0.8em */
}


#tresc #pasek_menu li.l1 a.akt {
	color					: #6ae0fe; 
}
#tresc #pasek_menu li.l2 a.akt {
	color					: #a5fe86;
}
#tresc #pasek_menu li.l3 a.akt {
	color					: #fef558;
}
#tresc #pasek_menu li.l4 a.akt {
	color					: #ffa95e;
}
#tresc #pasek_menu li.l5 a.akt {
	color					: #fe6a6a;
}
#tresc #pasek_menu li.l6 a.akt {
	color					: #ff5dd4;
}


/* ******************************************************* */



/* ****************************************************** */
/* FACEBOOK												  */
/* ****************************************************** */

#facebook {
	width					: 375px;
	position				: fixed;
	top						: 75px;
	right					: -300px;
	z-index					: 99;
	overflow				: hidden;
}

#facebook iframe.fb-like-box {
	width					: 300px;
	height					: 400px;
	border					: none;
	background-color		: rgba(255, 255, 255, 0.9);
	float					: left;
	overflow				: hidden;
}

#facebook div.raczka {
	width					: 75px;
	height					: 75px;
	float					: left;
	overflow				: hidden;
	background-image		: url('grafika/fb_icon_75.png');
	background-repeat		: no-repeat;
	opacity					: 0.85;
	cursor					: pointer;
}

#facebook div.raczka:focus, #facebook div.raczka:hover {
	opacity					: 1.0;
}

/* ******************************************************* */

/* ****************************************************** */
/* NEWS												  */
/* ****************************************************** */

#news {
	width					: 375px;
	position				: fixed;
	top						: 175px;
	right					: -300px;
	z-index					: 99;
	overflow				: hidden;
}

#news div.news-box {
	padding					: 10px;
	width					: 280px;
	height					: 380px;
	border					: none;
	background-color		: rgba(255, 255, 255, 0.9);
	float					: left;
	overflow				: hidden;
}

#news div.raczka {
	width					: 75px;
	height					: 75px;
	float					: left;
	overflow				: hidden;
	background-image		: url('grafika/news_icon_75.png');
	background-repeat		: no-repeat;
	opacity					: 0.85;
	cursor					: pointer;
}

#news div.raczka:focus, #news div.raczka:hover {
	opacity					: 1.0;
}

#news div.news-box h2 {
	font-size				: 0.9em;
	color					: #FF9C00;
}

#news div.news-box h3 {
	margin					: 1em 0em 0.5em 0em;
	font-size				: 0.8em;
}

#news div.news-box p {
	font-size				: 0.6em;
}

#news div.news-box p span{
	font-weight				: normal;
	color					: red;
}

#news div.news-box p b{
	font-weight				: bold;
}

#news div.news-box h3 a {
	color					: #5F5F5F;
	font-weight				: bold;
	font-size				: 1em;
	text-transform			: uppercase;
 	text-align				: left;
	text-shadow				: 0px 3px 6px rgba(200, 200, 200, 0.5);
	text-decoration			: none;
}

#news div.news-box h3 a:focus, #news div.news-box h3 a:hover {
	text-decoration			: underline;
}

/* ******************************************************* */



/* ****************************************************** */
/* RESPONSIVE WEB DESIGN								  */
/* ****************************************************** */

@media only screen and ( max-width: 1600px ) {
body {
	font-size				: 20px;
}
#logo {
	background-image		: url('grafika/mariba_logo_1600.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_1600.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_1600.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_1600.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_1600.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_1600.jpg');
}
}

@media only screen and ( max-width: 1200px ) {
body {
	font-size				: 16px;
}
#logo {
	background-image		: url('grafika/mariba_logo_1200.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_1200.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_1200.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_1200.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_1200.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_1200.jpg');
}
}

@media only screen and ( max-width: 960px ) {
body {
	font-size				: 14px;
}
#logo {
	background-image		: url('grafika/mariba_logo_960.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_960.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_960.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_960.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_960.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_960.jpg');
}
#tresc div.strona p {
	font-size				: 1.1em;
}
}

@media only screen and ( max-width: 800px ) {
body {
	font-size				: 12px;
}
#logo {
	background-image		: url('grafika/mariba_logo_800.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_800.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_800.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_800.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_800.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_800.jpg');
}
#tresc div.strona p {
	font-size				: 1.1em;
}
}

@media only screen and ( max-width: 600px ) {
body {
	font-size				: 10px;
}
#logo {
	background-image		: url('grafika/mariba_logo_600.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_4_600.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_1_600.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_9_600.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_5_600.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern.png'), url('grafika/tlo_6_600.jpg');
}
#tresc div.strona p {
	font-size				: 1.3em;
}
}

@media only screen and ( max-width: 480px ) {
body {
	font-size				: 8px;
}
#logo {
	background-image		: url('grafika/mariba_logo_400.png');
}
#tresc_l0 {
	background-image		: url('grafika/pattern400.png'), url('grafika/tlo_4_400.jpg');
} 
#img_l2{
	background-image		: url('grafika/pattern400.png'), url('grafika/tlo_1_400.jpg');
}
#img_l3{
	background-image		: url('grafika/pattern400.png'), url('grafika/tlo_9_400.jpg');
}
#img_l4{
	background-image		: url('grafika/pattern400.png'), url('grafika/tlo_5_400.jpg');
}
#img_l5{
	background-image		: url('grafika/pattern400.png'), url('grafika/tlo_6_400.jpg');
}
#tresc div.strona p, #tresc div.strona ul {
	font-size				: 1.5em;
}

div.strona div.zawartosc {
	margin-left				: 3em;
	margin-right			: 3em;
}

#tresc_l0 #naglowek {
	right					: 3em;
}

#tresc table {
	font-size				: 1.5em;
	width					: 100%;
}

#tresc #tresc_l2 h2 {
	font-size				: 1.5em;
}

#tresc form {
	font-size				: 1.5em;
}

#tresc div.left {
	float					: none;
	width					: 100%;
}
#tresc div.right {
	float					: none;
	width					: 100%;
}
#tresc_l2 div.right h1 {
	text-align				: left;
}
#tresc div.galeria a {
	float					: left;
	margin-left				: 0em;
	margin-right			: 2em;
}

#tresc div.strona_img div.naglowek {
	left					: 3em;
	margin-right			: 3em;
}

#tresc div.strona img.right, #tresc div.strona img.left {
	float					: none;
	display					: block;
	margin					: 1em auto;
	margin-bottom			: 2em;
}

#tresc #tresc_l6 h1 {
	padding-left			: 1em;
}
#tresc #tresc_l5 p, #tresc #tresc_l6 p {
	margin-left				: 0em;
	margin-right			: 0em;
	font-size				: 1.5em;
}
#tresc_l6 {
	margin-left				: 0em;
	margin-right			: 0em;
	width					: 100%;
}
#tresc #tresc_stopka p {
	font-size				: 1.2em;
}
#tresc_l6 #kontakt_form {
	float					: none;
	width					: 32em;
	margin					: 0em auto;
	padding-top				: 2em;
	clear					: both;
}
#tresc_l6 input, #tresc_l6 textarea {
	width					: 100%;
}
#tresc_l6 #kontakt_info {
	float					: none;
	padding-right			: 0em;
	margin					: 0em auto;
	width					: 100%;
	font-size				: 1.5em;
}
#tresc_l6 #kontakt_info h2 {
	text-align				: center;
	font-size				: 1.5em;
}
#tresc_l6 #kontakt_info p {
	text-align				: center;
	font-size				: 1.2em;
}
#tresc_l6 #kontakt_info a {
	margin					: 2em auto;
}
#formularz_kontakt {
	margin					: 0em auto;
	width					: 100%;
}