html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
}
#footer, .push {
	position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 45px;
	clear:both;
	background: #fff;
	padding: 5px 20px 0;
	margin: 0 -17px;
}

form {
	height: 100%;
}

.painelFoto{
	text-align: center;
	width: 100%;
}

.painelInternoFoto{
	 margin-left: -335px;
}

.piclist{
	margin-top:10px;
}

.piclist li {
	display: inline;
	cursor:pointer;
}

.picZoomer-zoom-wp{
	width:100%;
	height:auto;
}

.picZoomer-pic-wp, .picZoomer-zoom-wp{
	border: solid 1px;
}

.picZoomer-zoom-wp img{
	width: 800px !important;
	height: auto !important;
}
.picZoomer {
	display: inline-block;
}

.picZoomer .picZoomer-pic-wp img{
	width:100% !important;
	height:auto !important;
}

.piclist li img{
	width:auto;
	height:70px;
}

.videoStream
{
	text-align:center;
}

.TopCidades
{
	height: 572px;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loaderModal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .5 ) url('/Images/Loader2.gif') 50% 50% no-repeat;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.load .loaderModal {
	display: block !important;
}


.gridList tbody tr:hover td {
	cursor:pointer;
	background-color: rgba(51, 122, 183, 0.2);
}

.gridList tbody tr th {
    background-color: #f5f5f5;
}

.gridList{
    border: 1px solid #ddd;
}