/* $FONTS
=========================================*/

@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);


/* $RESETS
=========================================*/

html, body {
	height: 100%;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a {text-decoration: none}




/* $GENERAL
=========================================*/

body {
	background-color: #1a1c1e;
	color: #d4d4d4;
	font-family: Arial, Helvetica, sans-serif;
}

.notice p {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 0;
}

.secondary p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}

em {
	font-weight: bold;
}


.logo {
	width: 336px;
	height: 120px;
	display: inline-block;
	background-image: url(../../img/logo-citytour.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}


/* This parent can be any width and height */
.block {
  text-align: center;
  height: 100%;
}
 
/* The ghost, nudged to maintain perfect centering */
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */ 
.centered {
  display: inline-block;
  vertical-align: middle;
  width: 400px;
}

.centered .logo_web {
	margin-left: 30%;
  }








/* $HELPERS
=========================================*/

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-center {
	text-align: center;
}