#cams_container {
}

.cams_region_title {
	color: #7f7f7f;
	display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    padding-left: 14px;
}

.cams_region_title_container {
	width: 100%;
    height: 45px;
    background-color: #F6F4F7;
    border-bottom: 1px solid #E8E6E9;
    border-top: 1px solid #E8E6E9;
    display: table;
}

.cams_weathercam_camcontainer {
	background-color: white;
}

.cams_weathercam_picture {
	position: relative;
    width: 100%;
    margin: auto;
}

.cams_weathercam_camcontainer img {
    width: 100%;
}

.cams_weathercam_camcontainer span { 
   display: block;
   color: white; 
   font-size: 16px;
   font-family: Helvetica; 
   background-color: #03A9F4;
   padding-top: 3px; 
   padding-bottom: 3px; 
   padding-left: 14px;
   margin: auto;
}

.cams_weathercam_picture_panorama {
	position: relative;
    margin: auto;
    overflow-x: scroll;
    overflow-y: auto;
}

.cams_weathercam_camcontainer_panorama span { 
   display: block;
   color: white; 
   font-size: 16px;
   font-family: Helvetica; 
   background-color: #03A9F4;
   padding-top: 3px; 
   padding-bottom: 3px; 
   padding-left: 14px;
}

@media (max-width: 480px){
	.cams_weathercam_picture {
	    max-width: 480px;
	}

	.cams_weathercam_camcontainer img {
	    max-width: 480px;
	}	
	
	.cams_weathercam_camcontainer span { 
	   max-width: 480px;
	}
	
	.cams_weathercam_camcontainer_panorama img {
		max-height: 300px;
	}
}

@media (min-width: 480px) and (max-width: 800px){
	.cams_weathercam_camcontainer {
		float: left;
	    max-width: 50%;
	}
	
	.cams_weathercam_picture {
	    max-width: 800px;
	}

	.cams_weathercam_camcontainer img {
	    max-width: 800px;
	}	
	
	.cams_weathercam_camcontainer span { 
	   max-width: 800px;
	}
	
	.cams_weathercam_camcontainer_panorama{
		clear: both;
	}
	
	.cams_weathercam_camcontainer_panorama span { 
	   max-width: 800px;
	}
	
	.cams_weathercam_camcontainer_panorama img {
		max-height: 300px;
	}
}


@media (min-width: 800px){
	.cams_weathercam_camcontainer {
		float: left;
	    max-width: 33%;
	}
	
	.cams_weathercam_picture {
	    max-width: 100%;
	}

	.cams_weathercam_camcontainer img {
	    max-width: 100%;
	}	
	
	.cams_weathercam_camcontainer span {
	   max-width: 100%;
	}
	
	.cams_weathercam_camcontainer_panorama{
		float: left;
	    max-width: 100%;
	}
	
	.cams_weathercam_camcontainer_panorama img {
		max-height: 300px;
	}
}