/**
 * Style
 * 
 * @author Mário Sakamoto <mskamot@gmail.com>
 * @license MIT http://www.opensource.org/licenses/MIT
 * @see http://mariosakamoto.com/divmon
 * @see http://mariosakamoto.com/flygon
 */

/*
 * Reset
 */
html, body, div, span,
table, tbody, tr, th, td,
form, label, input, textarea, select, option, checkbox, button,
ul, li,
h1, h2, h3, h4, h5, h6, p,
img,
a { }

body { }

table { }

	tr { }

		th { }

		td { 
			padding: 5px 20px;
			border: solid 1px #bdbdbd;
		}
		
form { }

	label { display: block; }

	input { 
		width: 100%;
		border: solid 1px #424242; 
	}
	
	textarea {
		width: 100%;
		height: 80px;
		border: solid 1px #424242; 
	}
	
	@media only screen and (min-width: 1281px) { 
		select { 
			width: 320px;
			border: solid 1px #424242; 
		}
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1280px) {
		select { 
			width: 200px;
			border: solid 1px #424242; 
		}
	}
	
	@media only screen and (max-width: 1023px) {
		select { 
			width: 100%;
			margin-top: 20px;
			border: solid 1px #424242; 
		}	
	}
	
		option { }
		
	checkbox { }

	button { }
	
ul { }

	li { }
	
h1 { 
	font-size: 24px;
	line-height: 140%;
}

	h1 span { 
		font-size: 24px;
		line-height: 140%;
	}
	
	h1 a { 
		font-size: 24px;
		line-height: 140%;
	}

h2 { }

h3 { }

h4 { }

h5 { }

h6 { }

p { }

img { }

a { }

span { }

/**
 * Id
 */
#block {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.9;
}

/*
 * Class
 */
.blue-button { 
	margin: 0 auto;
	width: 320px;
	border: solid 2px #fff;
	background: #284b8c;
}

.bold { font-weight: 600; }

.border { border-top: solid 1px #bdbdbd; }

.button { border: solid 2px #424242; }

.center {
	width: 30%;
	margin: 0 auto;
} 

	.center-content {
		display: table-cell;
		vertical-align: middle;
		width: 30px;
	}

.color-button { border: solid 2px #284b8c; }

.cursor { cursor: pointer; }

.fs-ldpi { font-size: 12px; }

.mt-ldpi { margin-top: 4px; }

.no-border { border: 0; }

.photo {
	height: 240px;
	position: relative;
}

	.photo .description {
		position: absolute;
		width: 100%;
		bottom: 30;
		z-index: 1;
	}
	
.photo-full {
	height: 440px;
	position: relative;
}

.photo-tumb {
	height: 120px;
	position: relative;
}

.shadow	{ text-shadow: 1px 1px 1px #e0e0e0, 0 0 1em #eee, 0 0 0.2em #fff; }
	
.slide { height: 320px; }

.underline {
	margin: 0 auto;
	width: 64px;
	border-top: solid 2px #284b8c;
}

.white-button { 
	margin: 0 auto;
	width: 320px;
	border: solid 2px #284b8c;
}

.white-underline {
	margin: 0 auto;
	width: 64px;
	border-top: solid 2px #fff;
}

/*
 * Background
 */
.white-bg { background: #e0e0e0; }

.gray-bg { background: #424242; }

.slide-bg {
	background: url("../img/slide.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*
 * Colors
 */
.white { color: #eee; }

.blue { color: #284b8c; }

.red { color: #d32f2f; }


/*
 * Meffects
 */
#me-block {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.9;
}

#me-img {
	position: fixed;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
}

#me-left {
	width: 32px;
	height: 32px;
	position: fixed;
	display: none;
	top: 50%;
	z-index: 4;
}

#me-right {
	width: 32px;
	height: 32px;
	position: fixed;
	display: none;
	right: 0;
	top: 50%;
	z-index: 4;
}

	@media only screen and (min-width: 1281px) { 
	
		.me-photo { 
			max-width: 960px; 
			max-height: 640px; 
		}
	
	}

	@media only screen and (min-width: 1024px) and (max-width: 1280px) { 
	
		.me-photo { 
			max-width: 640px; 
			max-height: 440px; 
		}
	
	}
	
	@media only screen and (max-width: 1023px) {
	
		.me-photo { 
			max-width: 100%;
			max-height: 100%; 
		}
	
	}