@import url('https://www.mocnybeton.pl/htm/szablony/zero.css');
@import url('https://www.mocnybeton.pl/htm/szablony/header.css');
@import url('https://www.mocnybeton.pl/htm/szablony/butter.css');
@import url('https://www.mocnybeton.pl/htm/szablony/boki.css');
@import url('https://www.mocnybeton.pl/htm/szablony/index_128.css');
@import url('https://www.mocnybeton.pl/htm/szablony/szablon_163.css');
@import url('https://www.mocnybeton.pl/htm/szablony/lista_160.css');
@import url('https://www.mocnybeton.pl/htm/szablony/rzecz_165.css');
@import url('https://www.mocnybeton.pl/htm/szablony/post_45.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_132.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_136.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_135.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_152.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_183.css');
@import url('https://www.mocnybeton.pl/htm/szablony/wszystkie_53.css');
@import url('https://www.mocnybeton.pl/htm/szablony/zajawka_179.css');
@import url('https://www.mocnybeton.pl/htm/szablony/glowna_130.css');
@import url('https://www.mocnybeton.pl/htm/szablony/glowna_0.css');
@import url('https://www.mocnybeton.pl/htm/szablony/szablon_201.css');
@import url('https://www.mocnybeton.pl/htm/szablony/tekst_42.css');
@import url('https://www.mocnybeton.pl/htm/szablony/polecane_198.css');
@import url('https://www.mocnybeton.pl/htm/szablony/szablon_196.css');
@import url('https://www.mocnybeton.pl/htm/szablony/zajawka_197.css');
@import url('https://www.mocnybeton.pl/htm/szablony/rzecz_203.css');
@import url('https://www.mocnybeton.pl/htm/szablony/rzecz_199.css');
@import url('https://www.mocnybeton.pl/htm/szablony/szablon_200.css');



/*------------------------------------*
STRONA WWW
*------------------------------------*/

html {
xheight:100%;
background-color: #ffffff;
xbackground-image: url(/htm/a/layout/38843473_l.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: fixed;
margin-top: 105px;
}


body {
font-family: Oxygen, sans-serif;
font-size: 12px;
color: #3D3D3D;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

*:focus {
outline: none;
}


body > iframe {
display: none;
}

a { color: black; }

/*------------------------------------*
GRUPY
*------------------------------------*/


.InclGrupy {
width: 100%;
float: left;
margin-bottom: 50px;
font-size: 17px;
text-align: justify;
}

/*------------------------------------*
PAGER
*------------------------------------*/

.Paginacja {
width: 100%;
float: left;
clear: both;
padding: 12px;

}

.Paginacja a, .Paginacja span {
display: block;
padding: 4px 6px 4px 6px;
float: left;
margin-right: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: normal;
font-size: 11px;

}

.Paginacja a {
background-color: #e1e1e1;
color: black;
}


.Paginacja span {
background-color: #ff0000;
color: white;
}

/*------------------------------------*
FORMULARZE
*------------------------------------*/

input, textarea, select, button {
padding: 3px;
background: #ffffff;
color: #696969;
border: 1px solid #dddddd;
}

/*------------------------------------*
FORMULARZE REJESTRACJA
*------------------------------------*/

#RejLogin, #RejRej {
float: left;
width: 100%;
margin-bottom: 25px;
padding: 12px;
clear: both;
}

#RejLogin {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #ec028c;
color: #ffffff;
text-align: center;
}

#RejLogin form {
padding: 12px;
}

#RejLogin > a, #RejLogin > div > a {
color: #ffffff;
font-weight: bold;
}

#RejLogin > form > input, #RejRej > form > input {
height: 30px;
}

#RejLogin select, #RejRej select {
height: 30px;
}

#RejRej input, #RejRej select {
margin-left: 10px;
}


#RejRej textarea {
width: 100%;
height: 200px;
padding: 3px;
}

#RejRej td {
padding: 6px;
width: 50%;
border-bottom: 1px solid #EDEDED;
}

#RejRej th {
text-align: left;
font-size: 16px;
border-bottom: 1px solid #EDEDED;
padding: 6px;
width: 50%;
}

.ProfNoSel, .ProfSel {
float: left;
padding: 10px;
}

.ProfNoSel a, .ProfSel a {
color: white;
}

.ProfSel {
background-color: #474747;
}


/*------------------------------------*
ZAMÓWIENIE
*------------------------------------*/


#Zamowienie {
FLOAT: LEFT;
}

#Zamowienie p {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: red;
}

#Zamowienie table {
float: left;
width: 500px;
}

#Zamowienie table tr td {
padding: 5px;
}

.ZamOC td {
border-bottom: 2px solid red;
}


#Zamowienie ul li span {
font-size: 16px;
}

#Zamowienie ul li {
margin-bottom: 30px;
}

#Zamowienie ul li a {
color: #4D9E3E;
font-size: 12px;
display: block;
margin: 5px 0px 5px 10px;
font-weight: bold;
}

#Zamowienie ul li a:hover {
color: red;
text-decoration: underline;
}

.ZamUkr div {
display: none;
}

.ZamUkr span{
cursor: pointer;
}


/*------------------------------------*
MAPA
*------------------------------------*/

.MapaPokaz {
cursor: pointer;
padding: 15px;
background-color: #f5f6f6;
font-family: Oswald, sans-serif;
color: #005159;
text-align: center;
font-size: 15px;
}

.MapaUkr {
display: none;
xheight: 0px;
-webkit-transition: 0.4s;
-moz-transition:  0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.MapaUkrx {
display: block;
-webkit-transition: 0.4s;
-moz-transition:  0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.mapaUsl {
display: block;
background-color: #f5f6f6;
float: left;
padding: 15px 15px 15px 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0px 6px 6px 0px;
}

.mapaUsl:hover {
background-color: #76cccd;
}

.mapaUslx {
display: block;
background-color: #be2026;
float: left;
padding: 15px 15px 15px 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0px 6px 6px 0px;
}

.mapaUsl > img, .mapaUslx > img {
height: 25px;
width: auto;
margin-right: 10px;
}

.mapaUsl > span, .mapaUslx > span {
display: block;
color: #eeeeee;
font-size: 10px;
margin-top: -25px;
margin-left: 25px;
display: block;
height: 30px;
width: 90px;
}

.mapaUsl > span {
color: #be2026;
}

.mapaUslx > span {
color: #f5f6f6;
}

.Maph4 {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dotted #76cccd;
color: #444d4d;
display: block;
float: left;
clear: both;
width: 100%;
}



.Maph4:hover {
text-decoration: none;
background-color: #f5f6f6;
}


/*------------------------------------*
	COOKIES
*------------------------------------*/

#cookiesDiv {
z-index: 10000;
display: none;
position: fixed;
bottom: 0;
margin: 0;
width: 100%;
height: auto;
text-align: center;
background-color: #005159;
color: #003549;
padding: 10px 0;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

#cookiesDiv:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */

}

#cookiesDiv p {
	text-align: center;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: small;
	padding: 0;
	margin: 0;
}
#cookiesDiv a {
	text-align: center;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-decoration: underline;
}
#cookiesDiv a:hover {
	text-align: center;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-decoration: underline;
}

/*------------------------------------*
PROFIL
*------------------------------------*/

.ProfilMenu {
float: left;
width: 100%;
margin-bottom: 25px;
border-bottom: 1px solid #C20000;
}


.ProfilMenu > a {
display: block;
float: left;
width: 33.333333%;
padding: 12px;
font-size: 14px;
text-align: center;
}


.ProfilMenu > a:hover {
color: white;
background: #C20000;
}


.ProfilMenu > .ProZaz {
color: white;
background: #C20000;
}

/*------------------------------------*
ZAMÓWIENIE
*------------------------------------*/

#TabWybZam {
float: left;
width: 100%;
}

#TabWybZam th {
background: #dddddd;
color: black;
font-size: 16px;
font-weight: normal;
}


#TabWybZam td, #TabWybZam th {
text-align: left;
padding: 14px;
border-bottom: 1px solid #EDEDED;
}


#TabWybZam a {
display: block;
width: 100%;
height: 100%;
color: #C20000;
font-size: 18px;
background: #EDEDED;
text-align: center;
padding: 3px;
}

#TabWybZam a.ZamNazTow {
font-size: 12px !important;
text-align: left !important;
background: #ffffff !important;
font-weight: bold;
}


#TabWybZam a:hover {
background: #ec028c;
color: white;
}

#TabWybZam a.ZamNazTow:hover {
background: #ffffff !important;
color: #ec028c !important;
}


.TabWybZamB {
background: #C20000;
padding: 15px;
font-size: 18px;
color: white;
}

.MemNonMem {
margin-top: 25px;
background: #C20000;
float: left;
width: 50%;
padding: 12px;
}

.MemNonMem > a {
padding: 25px;
background: #C20000;
float: left;
width: 100%;
text-align: center;
font-size: 20px;
color: white;
}

.MemNonMem > a:hover {
background: #000000;
}


.ZamZakTr {
padding: 25px;
background: none repeat scroll 0% 0% #0369DC;
float: left;
width: 80%;
margin: 25px 10% 25px 10%;
text-align: center;
font-size: 20px;
border: 25px solid #EDEDED;
color: #FFF;
}




/*------------------------------------*
SONDY
*------------------------------------*/

.BokSonda {
float: left;
display: block;
width: 100%;
margin-bottom: 20px;
}

.BokSonda > p {
font-weight: bold;
}

.BokSonda > div {
float: left;
width: 100%;
font-size: 11px;
}

.BokSonda > div > input {
margin-right: 10px;
}

.BokSonda > input {
margin-top: 10px;
}