@charset "utf-8";

#welcome-banner {
	clear:both;
}

#welcome-banner div:nth-child(n+2):nth-child(-n+8) {
	border-right:1px solid #CCC;
	border-bottom:1px solid #DDD;
	background-color:#FFF;
}

#welcome-banner div:nth-child(n+2):nth-child(-n+8):hover {
	background-color:#f5f5f5;
}

#welcome-banner div:nth-child(1) {
	background-color:#FFF;
}

#welcome-banner a {
	text-decoration:none;
	color:#000;
	width:100%;
	display:block;
	height:100%;
	padding:15px;
}

#welcome-banner a strong {
	font-size:1.4em;
}

#welcome-boxes {
	clear:both !important;
}

.welcome-boxesdiv {
	margin-top:15px;
	width:459px;
	display:none;
	height:200px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #DDD;
	background-color:#FFF;
	float:left;
	background-color:#fff;
	-webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
#pokryti {
	margin-top:15px;
	height:200px;
	width:279px;
	display:none;
	border-right:1px solid #CCC;
	border-bottom:1px solid #DDD;
	background-color:#FFF;
	float:left;
}

@media only screen and (min-width:960px){
	#welcome-banner div:nth-child(n+4):nth-child(-n+8) {
		display:none;
	}
	
	#welcome-banner div:nth-child(n+2):nth-child(-n+8) {
		width:279px;
		height:150px;
		float:left;
	}
	
	#welcome-banner div:nth-child(n+2):nth-child(-n+8) p {
		width:160px;
	}
	
	#welcome-banner div:nth-child(1) {
		width:640px;
		height:300px;
		float:left;
		background:url(/images/bundles-welcome.png) no-repeat bottom right;
		@supports (background:url(/images/bundles-welcome.webp) no-repeat bottom right) {
                	background:url(/images/bundles-welcome.webp) no-repeat bottom right;
            	}
	}	
	
	#welcome-banner div:nth-child(1) a {
		padding-top:190px;
		font-size:1.9em;
	}
	#welcome-banner div:nth-child(1) a strong {
		padding:10px;
		background-color:#FFF;
	}
	#welcome-banner div:nth-child(1) a:hover strong {
		padding:10px;
		color:#fff;
		background-color:#b4131d;
	}
	
	#welcome-banner div:nth-child(1) a span {
		display:inline-block;
		margin-top:10px;
		background-color:#b4131d;
		padding:8px;
		color:#FFF;
	}
	#welcome-banner div:nth-child(1) a:hover span {
		background-color:#fff;
		color:#000;
	}
	
	#welcome-banner div:nth-child(2) {
		background:url(/images/interneticon17dg72px.png) no-repeat bottom right;
	}
	#welcome-banner div:nth-child(3) {
		background:url(/images/tvicon17dg72px.png) no-repeat bottom right;
	}
	#welcome-banner div:nth-child(4) {
		background:url(/images/phoneicon17dg72px.png) no-repeat bottom right;
	}
	#welcome-banner div:nth-child(5) {
		background:url(/images/servicesicon17dg72px.png) no-repeat bottom right;
	}
	.welcome-boxesdiv {
		display:block;
	}
	#welcome-boxes1 {
		background-image:url(/images/router.png);
		@supports (background-image:url(/images/router.webp)) {
                	background-image:url(/images/router.webp);
            	}

		background-repeat:no-repeat;
	}
	#welcome-boxes1 a {
		font-size:1.3em;
		padding:20px;
		margin-top:10px;
		display:block;
		text-decoration:none;
	}
	#welcome-boxes1 a:hover {
		color:#b4131d;
	}

	#welcome-boxes2 {
		background-image:url(/images/w60g.png);
		@supports (background-image:url(/images/w60g.webp)) {
                	background-image:url(/images/w60g.webp);
            	}
		background-repeat:no-repeat;
	}
	#welcome-boxes2 a {
		font-size:1.3em;
		padding:20px;
		margin-top:10px;
		display:block;
		text-decoration:none;
	}
	#welcome-boxes2 a:hover {
		color:#b4131d;
	}

	
	#welcome-banner div:nth-child(6) {
	display:none !important;
	}

}
@media only screen and (min-width:1440px){
	#welcome-banner div:nth-child(n+4):nth-child(-n+8) {
		display:block;
	}
	#pokryti {
		display:block;
	}	
}
@media only screen and (max-device-width:480px){

}
@media only screen and (min-device-width: 481px) and (max-device-width: 959px) and (orientation:portrait) {

}
@media only screen and (min-device-width: 481px) and (max-device-width: 959px) and (orientation:landscape) {

}