/* resets
--------------------------------------------- */
html,body,div,span,h1,p,a,img,strong,ul,li,form,label{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;text-decoration:none}
body,html{height:100%}
ol,ul{list-style:none}
* {outline:0px;border:none;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder {color: rgba(0,0,0,0.6)}

/* master styles
--------------------------------------------- */
body {
	background-color: #eee;
	font-family: arial, sans-serif;
}
#takeplace {
	width: 100%;
    min-height: 80px;
}
	#container {
		width: auto;
		margin: 0 auto;
		padding-top: 10%;
	}

	.bottom 

	{

        position:absolute;

        bottom:0px;

    }
	/* Copyright widget
	--------------------------------------------- */
	
	#footer {
		position:absolute;
		bottom: 0;
		width:100%;
		padding:8px;
		color:rgba(21,21,21,0.8);
		font-size:12px;
		text-align:center;
		-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
	}
	
	#footer a {
		border-bottom:1px dotted rgba(255,255,255,0.5);
		color:rgba(21,21,21,0.5);
		transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in;
	}
	
		#footer a:hover {
			color:rgba(0,136,204,0.8);
			border-bottom:1px dotted transparent;
		}
    #imgDiv {

        position: relative;

        right: 260px;

    }

@media (max-height: 800px) 
{
	#footer {
		position: relative;
		top: 50px;
		width:100%;
		padding:8px;
		color:rgba(255,255,255,0.8);
		font-size:12px;
		text-align:center;
		-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
	}
}

@media (max-width: 767px) 
{
    body {
	    background: #bc1c2b url("../img/grey.png");

        background-repeat: repeat;
	    font-family: arial, sans-serif;
	    -moz-box-shadow: inset 0 0 0 #000000; -webkit-box-shadow: inset 0 0 0 #000000; box-shadow: inset 0 0 0 #000000;
    }
	#logo-img {
		text-align: center;
	}
    #footer {
		/*position:fixed; */
		bottom:0;
		left:0;
		width:100%;
		padding:4px;
		color:rgba(255,255,255,0.8);
		font-size:12px;
		text-align:center;
		-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.3); box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
	}
	
	#takeplace {

	    min-height: 60px

	}
	
	#imgDiv {

        position: relative;

        right: 0;

    }
}