/* --- Stylesheet 6555 () --------- */ 

.T4131 { background-color: #fff; padding: 20px 0px; }


.T4131 .box { float: left; box-sizing: border-box; }
.T4131 .box h3 { text-transform: uppercase; }


.T4131 .box.events { width: 60%; }
.T4131 .box.events .inner2 { padding: 15px 8px 15px 15px; }
.T4131 .box.events .col_left { display: block; width: 50%; float: left;  }
.T4131 .box.events .col_right { display: inline-block; width: 50%; }
.T4131 .box.events .event { margin-bottom: 3px; font-size: 12px; }
.T4131 .box.events .clear { border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; width: 90%;}
.T4131 .box.events .date { display: block; width: 50px; float: left; }
.T4131 .box.events .name { display: block; width: 180px; margin-left: 50px; }


.T4131 .box.webcam { width: 40%; border-left: 1px dotted #ccc; padding-left: 50px;}
.T4131 .box.webcam .inner2 { display: inline-block;}

.T4131 .box.events .button { display: block; font-size: 12px;  margin-top: 10px; padding-right: 20px; }
.T4131 .box .button { display: block; font-size: 12px; }


@media all and (min-width: 768px) and (max-width:850px) {
	.T4131 .box.events { width: 70%; }
	.T4131 .box.webcam { width: 30%; }
}

@media all and (min-width: 700px) and (max-width: 767px) {
	.T4131 .box.events .event { font-size: 11px; }
	.T4131 .box.events .inner2 { padding-right: 40px; }
	.T4131 .box.webcam { padding-left: 35px; }
}

@media all and (min-width: 531px) and (max-width: 699px) {
	.T4131 .box.events { width: 60%; display: block; }
	.T4131 .box.events .inner2 { padding-right: 25px; }
	.T4131 .box.events .col_left { width: 100%; float: none;  }
	.T4131 .box.events .clear { width: 100%;}
	.T4131 .box.events .col_right { display: block; width: 100%; border-top: 1px dotted #ccc; padding: 5px 0px 0px 0px;}
	.T4131 .box.webcam { width: 40%; padding-left: 20px;}

	.T4131 img { width: 100%; height: auto; }
}

@media all and (max-width: 530px) {
		.T4131 .box.events { width: 100%;}
		.T4131 .box.events .clear { width: 100%;}
		.T4131 .box.events .col_left { width: 100%; float: none;  }
		.T4131 .box.events .col_right { width: 100%; border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; }
		.T4131 .box.events .right.button a { font-size: 11px; width: 100%; float:right; }

		.T4131 .box.webcam { width: 100%; display: block; border-left: none; padding-left: 0px; }

		.T4131 .box.webcam .right.button a { font-size: 11px; }

		.T4131 img { width: 100%; height: auto; }
}