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

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* General Style */
body {
	background: #f8f8f8; /* */
	color: #5f5f5f; 
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    min-width: 320px;
}

a, a:hover {
	color: #333;
	text-decoration:none;
}

h1, h2, h5 {
	font-family: "American Typewriter", Courier, "Courier New", monospace;
	margin: 20px 20px 30px 20px;
	font-size: 56px;
	color: #333;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.0625em;
	/* text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.0); */
}

h3{font-weight:400;color: #5f5f5f;}

h1 span, h5 {
	font-size:17px;
	display:block;
	/* font-style:italic; */
	color:#5f5f5f;
	font-weight:400;
	letter-spacing: 0.08em;
	/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); */
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
}

.wrapper {
	position: relative;
	max-width: 1000px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

/* Header Style */
.panel-top {
	line-height: 24px;
	font-size:95%;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	position: relative;
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.panel-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	display: inline-block;
}

.panel-top a:hover {
	background: rgba(0,0,0,0.9);
	color:#fff;
}

.panel-top span.right {
	float: right;
	/*text-transform: uppercase;*/
}

.panel-top span.right a {
	float: left;
	display: block;
}

.panel-top-azul {
	line-height: 24px;
	font-size:95%;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	position: relative;
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.panel-top-azul a {
	padding: 0px 10px;
	letter-spacing: 1px;
	display: inline-block;
}

.panel-top-azul a:hover {
	background: rgba(254,119,48,0.9);
	color:#016fb0;
	letter-spacing: 1px;
}

.panel-top-azul span.right {
	float: right;
	/*text-transform: uppercase;*/
}

.panel-top-azul span.right a {
	float: left;
	display: block;
	letter-spacing: 1px;
}

.panel-top-rosa {
	line-height: 24px;
	font-size:95%;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	position: relative;
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.panel-top-rosa a {
	padding: 0px 10px;
	letter-spacing: 1px;
	display: inline-block;
}

.panel-top-rosa a:hover {
	background: rgba(91,200,161,0.9); /* #5bc8a1 */
	color:#fd70b2; /* (251,110,178) */
	letter-spacing: 1px;
}

.panel-top-rosa span.right {
	float: right;
	/*text-transform: uppercase;*/
}

.panel-top-rosa span.right a {
	float: left;
	display: block;
	letter-spacing: 1px;
}

.panel-top-violeta {
	line-height: 24px;
	font-size:95%;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	position: relative;
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.panel-top-violeta a {
	padding: 0px 10px;
	letter-spacing: 1px;
	display: inline-block;
}

.panel-top-violeta a:hover {
	background: rgba(251,228,148,0.9); /* #fbe494 */
	color:#634782; /* (99,71,130) */
	letter-spacing: 1px;
}

.panel-top-violeta span.right {
	float: right;
	/*text-transform: uppercase;*/
}

.panel-top-violeta span.right a {
	float: left;
	display: block;
	letter-spacing: 1px;
}

.panel-top-rojo {
	line-height: 24px;
	font-size:95%;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	position: relative;
	font-family: "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.panel-top-rojo a {
	padding: 0px 10px;
	letter-spacing: 1px;
	display: inline-block;
}

.panel-top-rojo a:hover {
	background: rgba(53,141,221,0.9); /* #358ddd */
	color:#e9394d; /* (233,57,77) */
	letter-spacing: 1px;
}

.panel-top-rojo span.right {
	float: right;
	/*text-transform: uppercase;*/
}

.panel-top-rojo span.right a {
	float: left;
	display: block;
	letter-spacing: 1px;
}

/* More examples buttons */

.more {
	position: relative;
	clear: both;
	padding: 20px;
}

.more:before {
	content: "";
	position: absolute;
	background-color: #e8e8e8;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	height: 1px;
	width: 440px;
	left: 50%;
	margin-left: -220px;
	top: -10px;
}

.am-type{font-family: "American Typewriter", Courier, "Courier New", monospace}

.more ul {
	display: block;
	height: 32px;
	text-align: center;
}

.more ul li {
	display:inline-block;
	line-height:24px;
	font-size:110%;
}

.more ul li a,.more ul li a:hover {
	text-shadow: none;
	padding: 2px 5px;
	margin: 0 2px;
	line-height: 18px;
	display: inline-block;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font-weight:600;
}

.more ul li.negro a {
	background: #fff;
	color: #000;
}

.more ul li.negro a:hover {
	background: #000;
	color: #fff;
}

.more ul li.azul a {
	background: #fe7730;
	color: #016fb0;
}

.more ul li.azul a:hover {
	color: #fe7730;
	background: #016fb0;
}

.more ul li.rosa a {
	background: #5bc8a1;
	color: #fd70b2;
}

.more ul li.rosa a:hover {
	color: #5bc8a1;
	background: #fd70b2;
}

.more ul li.violeta a {
	background: #fbe494;
	color: #634782;
}

.more ul li.violeta a:hover {
	color: #fbe494;
	background: #634782;
}

.more ul li.rojo a {
	background: #358ddd;
	color: #e9394d;
}

.more ul li.rojo a:hover {
	color: #358ddd;
	background: #e9394d;
}

p.info {
	/* font-style: italic; */
	/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); */
	padding: 16px;
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
	max-wdith: 440px;
	margin: 0 auto;
	color:#f8f8f8; /* #e8e8e8 */
	font-weight:400;
}