body {color: #666; background-color: #fff;}

.home .image_container.float_right, .home .image_container.float_left {width: 100% !important;}
body .logo {background-image: url("/files/assets/vtech_logo_3d-162px.png") !important;}
header .logo{height: 82px !important; width: 142px !important;}
body.katalog .logo {background-image: url("https://vtech.nazwa.pl/contao3/files/assets/vtech_logo_3d-162px.png") !important;}
.ce_dlh_googlemaps.mapa-dealerzy-g.block {height: 75vh;}
.dlh_googlemap.block {width: 100% !important;}
.mapa-dealerzy-mala {height: 300px;}
.cbox_content p a:not(.button) {
	color: #da251d;
}


.mod_faqpage section h3::before {background: #da251d !important;}

#top {border-bottom: 1px solid #fff;}
#top #hotline {font-weight: 900;}

#toplogin.loginbox_open p {color:#555}

nav.mainmenu .level_4 {background: rgba(255,255,255,0.95); box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2); display: none; width: 100%;}
nav.mainmenu .level_4 {-webkit-animation: fadeInRight 300ms ease; -moz-animation: fadeInRight 300ms ease; -ms-animation: fadeInRight 300ms ease; animation: fadeInRight 300ms ease;}

nav.mainmenu .level_3 li:hover .level_4 {display: block;}

nav.mainmenu ul li.open_leftside .level_4 {left: -100%;}
nav.mainmenu ul li.open_rightside .level_4 {left: 100%;}

#bottom .inside {padding: 0px !important;}

.table-striped .cennik tr:nth-child(even) {background: #f8f8f8 !important;}
.table-striped .cennik tr th {background: #f6f6f6 !important;}

.table-extended .cennik  th {
    background: #f1f1f1 !important;
	font-size: 1.2em;
    text-align: center;
}

/*
.image_container.float_right, .image_container.float_left {
    width: 100%;
}
*/

/*
.table-extended table {
    font-size: 15px;
}
*/

.katalog #sidearea {
    display: none !important;
}

.icons {
    float: right;
}

.table-extended table td {
	font-weight: 400;
    background: none;
}

@media only screen and (min-device-width: 640px)  {

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 50px;
	padding: 7px 0px 0px 10px;
	margin: 50px 0px 0px -35px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
}

.tooltip {
    max-width: 250px !important;
}


.footnote:before {
content:"";
display:block;
height:60px; /* fixed header height*/
margin:-60px 0 0; /* negative fixed header height */
}

li.button.menu{
    padding: 0 !important;
	margin-bottom: 0px !important;
}

.button.menu{
	margin-bottom: 0px !important;
}

.katalog form br {
    display: inherit !important;
}


.partner > h1::after {
    content: url("/files/img/logo-partner-2f27ff96.png");
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.content-box-m {
    padding: 20px 20px 10px 20px;
    border: 1px solid 
    #f00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
}

.miastarow .column {
  float: left;
  width: 31.6%;
  padding: 10px;
  margin: 10px;
  text-align: center;	
  border: 1px solid #000;
  font-size: 1.2em;
  vertical-align: middle;
}

.miastarow .row {
		color: #fff;
	padding-top: 10px;

}
.miastarow .row a {

}

.miastarow .column a img {
    vertical-align: middle;
}

.miastarow .row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .miastarow .column {
    width: 100%;
  }
}