/* antoniogrossi.it/WebTools - styles */
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);
/* body */
body {
	background-attachment: fixed;
	background-color: #222;
	background-repeat: repeat-x;
	color: #333;
	font-family: Inconsolata, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: 400;
	margin: 0em;
	text-transform: none;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
/* general */
#Wrapper {
	background-color: #EEE;
	left: 50%;
	margin-left: -500px;
	position: absolute;
	width: 1000px;
	z-index: 1;
}
.section {
	border: solid;
	border-color: #C00;
	border-width: 0em .1em;
	overflow: hidden;
	padding: 3em 1em;
	position: relative;
	z-index: 2;
}
/* Navigation Menu */
#Navigation {
	background-color: #333;
	border: solid;
	border-color: #C00;
	border-width: .1em;
	color: #EEE;
	font-size: 1.15em;
	padding: .5em 1em;
	text-align: right;
	z-index: 2;
}
.contentNavigation {
	float: right;
	padding: 0em .5em;
}
/* Header */
#Header {
	background-color: #C00;
	color: #EEE;
	padding: 2em;
	z-index: 2;
}
.headerTitle {
	font-size: 2em;
	line-height: 1.5em;
}
.headerText {
	font-size: 1.25em;
	line-height: 1.5em;
	padding-top: 1em;
}
/* Footer */
#Footer {
	background-color: #333;
	border: solid;
	border-color: #C00;
	border-width: .1em;
	color: #EEE;
	font-size: 1.15em;
	padding: .5em 1em;
	text-align: right;
	z-index: 2;
}
.contentFooter {
	float: right;
	padding: 0em .5em;
}
/* Article */
.article {
	clear: both;
	padding: 1em 0em;
}
.articleTitle {
	font-size: 1.25em;
	line-height: 1.5em;
}
.articleText {
	font-size: 1.15em;
	line-height: 1.5em;
	padding: .25em 0em;
}
.articleFloatingContainer {
	float: left;
	padding: .5em;
}
.articleFloatingContained01 {
	font-size: 1em;
	line-height: 1em;
	padding: .25em 0em;
	text-align: center;
}
.articleFloatingContained02 {
	border: solid;
	border-width: .1em;
	min-height: 4.2em;
	min-width: 4.2em;
}
/* form elements */
.formElementsContainer {
	color: #333;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 1em 0em;
	text-align: center;
}
input {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: center;
}
input[type="text"] {
	width: 90%;
}
input[type="number"] {
	width: 3em;
}
input[type="submit"] {
	padding: 0em 1em;
	width: auto;
}
input[type="submit"]:hover {
	color: #C00;
	cursor: pointer;
}
select {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
/* links */
a {
	color: inherit;
}
a:link, a:visited {
	color: inherit;
	text-decoration: underline;
}
a:hover, a:active {
	color: #C00;
	text-decoration: none;
}
/*************************************************************/
/* Media Queries *********************************************/
/* per screen resolution */
/* Tablets */
@media only screen and (max-device-width : 1023px) {
	/* body */
	body {
		background-image: none;
		font-size: 110%;
	}
	/* general */
	#Wrapper {
		left: 0%;
		margin-left: 0%;
		width: 100%;
	}
	/* Article */
	.articleFloatingContained02 {
		min-height: 4.15em;
		min-width: 4.15em;
	}
}
/* Tablets Landscape */
@media only screen and (max-device-width:1023px) and (orientation:landscape) {
	body {
		font-size: 85%;
	}
}
/* Mobiles */
@media only screen and (max-device-width : 767px) {
	/* body */
	body {
		font-size: 200%;
	}
	/* Article */
	.articleFloatingContained02 {
		min-height: 4.5em;
		min-width: 4.5em;
	}
}
/* Mobiles Landscape */
@media only screen and (max-device-width:767px) and (orientation:landscape) {
	body {
		font-size: 115%;
	}
}