body {
	color: #2e2633;
	background-color: #fcfcfc;
	letter-spacing: 1px;	
	/*
	line-height: 1.5em;
	font-size: 14px;
	*/
}
.imageReplacement {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.hidden {
	display: none;
}
.spaceBefore {
	margin-top: 1.5em;
}
.spaceAfter {
	margin-bottom: 1.5em;
}
.divisor {
	position: absolute;
	top: -33px;
}
.insetText {}
.container {
	position: relative;
}
#seccionPortada {
	background-image: url('../images/fabric_plaid.png');
	background-repeat: repeat;
	box-shadow: inset 0 -5px 15px -5px rgba(51,51,51,.15);
	min-height: 600px; /* Degrading in case viewport units are not supported */
	min-height: 100vh;
}
#seccionPortada .container {
	margin-top: 150px; /* Degrading in case viewport units are not supported */
	margin-top: 30vh;
}
#siteLogo {
	/* Ajustar a necesidades de grilla */
	background: url('../images/logoBig.png') no-repeat;
	min-height: 242px;
	margin: 0.5em 0;
	-webkit-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}
#siteLogo:hover {
	/* background: url('../images/logo.png') no-repeat; */
}
#navCompanyLogo {
	background-image: url('../images/logoAlty02.png');
	background-repeat: no-repeat;
	background-position: 130px 3px;
	min-height: 36px;
	margin: 0;
	-webkit-transition: background 0.4s ease-in-out;
	transition: background 0.4s;
}
#navCompanyLogo:hover {
	background-image: url('../images/logoAlty01.png');
}
/* Typography
------------------------------------------------------------------ */
body {
	font-family: 'Titillium Web', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Serif', serif;
}
.section h3 {
	color: #b83241;
	font-weight: normal;
	line-height: 1.5em;
}
a {
	color: #b83241;
}
a:hover {
	color: #972733;
}
em {}
strong {}
p {}
blockquote {}

/* Navigation
------------------------------------------------------------------ */
#navigationContainer {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
	color: rgb(102, 102, 102);
	background-color: #2e2633;
	box-shadow: 0 1px 5px 0 gray;
}
#navigationListContainer {
	position: relative;
}
#navLinksList {
	margin: 0;
	list-style-type: none;
	border-left: 1px solid rgb(84, 84, 84);
	font-size: 1.2857em;
}
#navLinksList li {
	padding: 0.5em 0;
	float: left;
	border-right: 1px solid rgb(84, 84, 84);
	text-transform: uppercase;
}
#navLinksList li a {
	color: #9a948b;
	padding: 0 2em 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#navLinksList li a:hover {
	text-decoration: none;
	color: #bfac90;
}
#navLinksList li a.activeSection {
	color: #d7cfc2;
}
#navPointer {
	position: absolute;
	bottom: 0;
	left: 1px;
	height: 5px;
	width: 156px;
	background-color: #b83241;
	box-shadow: inset 0 1px 1px -1px black;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#navPointer.seccionPortada {
	left: 0;
	width: 157px;
}
#navPointer.seccionQuienesSomos {
	left: 157px;
	width: 219px;
}
#navPointer.seccionPortfolio {
	left: 376px;
	width: 161px;
}
#navPointer.seccionContacto {
	left: 537px;
	width: 166px;
}
/* Hackeo para asegurarnos de que los anchos de los links de navegación están bien
   Eventualmente se reemplazará por una solución dinámica más elegante. */
#navLinksList li:nth-child(1) { /* Link Sección Portada */
	width: 156px;
}
#navLinksList li:nth-child(2) { /* Link Sección Quienes Somos */
	width: 218px;
}
#navLinksList li:nth-child(3) { /* Link Sección Portfolio */
	width: 160px;
}
#navLinksList li:nth-child(4) { /* Link Sección Contacto */
	width: 165px;
}

/* Content
------------------------------------------------------------------ */
#seccionQuienesSomos {
	background-image: url('../images/whiteWall.png');	
	box-shadow: inset 0 1px 0 0 white;
}
#seccionPortfolio {
	background-image: url('../images/brickwall.png');
	box-shadow: inset 0 2px 10px -5px rgba(51,51,51,.5);
}
#seccionContacto {
	background-image: url('../images/solid.png');
	box-shadow: inset 0 10px 10px -6px rgba(170, 170, 170, 1);
}
.section, .altSection, .navSection {
	padding: 1em 0 1em;
}
.section {
	min-height: 100vh;
	background-repeat: repeat;
}
#intro {
	margin: 0;
	list-style: none;
}
#intro li {
	margin: 0 0 0.5em 0;
}
.brazen {
	font-size: 1.250em;
	line-height: 1.750em;
	color: #666;
	margin-bottom: 2em;
}

/* Title and Subtitle
------------------------------------------------------------------ */
.title {
	font-style: italic;
	color: #b83241;
	margin-bottom: 0;
	text-shadow: 0 1px 0px #fff;
}
.subtitle {	
	color: #bfac90;
	text-transform: uppercase;
	font-size: 1.9em;
	margin-top: 0;
	text-shadow: 0 1px 0px #fff;
}

/* Contacto
------------------------------------------------------------------ */
fieldset {
	margin: 0 0 1em 0;
	padding: 1em;
	width: 465px;
	border-radius: 10px;
	background-color: rgba(51,51,51,.1);
	box-shadow: inset -1px 1px 10px -3px rgba(51,51,51,1), 0 2px 2px -1px whitesmoke;
}
fieldset legend {
	display: none;
}
fieldset [class*="span"] [class*="span"]:first-child {
	margin-left: 0;
}
#seccionContacto form {
	margin-left: 0;
}
#seccionContacto h2 {
	font-style: italic;
	color: #efefef;
	text-shadow: 0 1px 3px rgba(51,51,51,.5);
}
#seccionContacto h2 a {
	display: inline-block;
	padding: 0 5px 0 0;
	color: #2e2633;
	background-image: url('../images/envelope.png');
	background-repeat: no-repeat;
	background-position: 5px 13px;
	text-indent: 45px;
	-webkit-transition: background .5s, box-shadow .5s, color .7s;
	transition: background .5s, box-shadow .5s, color .7s;
}
#seccionContacto h2 a:hover {
	text-decoration: none;
	background-color: #2e2633;
	background-position: 5px -47px;
	color: #bfac90;
	box-shadow: inset 1px 1px 2px 0 black;
}
#seccionContacto h2 span {
	font-size: 0.750em;
	color: #666;
	text-shadow: 0 1px 0 whitesmoke;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
#seccionContacto h2:hover span {
	/* color: #b83241; */
}
#seccionContacto h3 {
	margin-top: 0;
}
#instruccionesDeContacto li {
	line-height: 1.5em;
}
#seccionContacto input[type="text"] {
	width: 94%;
}
#seccionContacto textarea {
	width: 97%;
	min-height: 120px;
}
#seccionContacto label {
	font-family: 'Droid Serif', serif;
	font-style: italic;	
	font-weight: bold;
	font-size: 1.125em;
	color: #555;
	text-shadow: 0 1px 0 rgba(230,230,230,.5);
}
formField {
	width: 100%;
}
button.button {
	display:inline-block;
	padding:0.5em;
	width: 99%;
	-moz-box-shadow:inset inset 0px 3px 2px -2px #6196be, 0 -1px 0 0 #3c5c75;
	-webkit-box-shadow:inset 0px 3px 2px -2px #6196be, 0 -1px 0 0 #3c5c75;
	box-shadow:inset 0px 3px 2px -2px #6196be, 0 -1px 0 0 #3c5c75;
	background-color: #426681;
	border: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	font-size: 1.25em;
	color:#fff;
	font-family:arial;
	text-decoration:none;
	text-shadow:1px 1px 0px #2f495c;
}
button.button:hover {
	background-color:#38586e;
	text-decoration: none;
}
button.button:active {
	box-shadow: inset 0px 3px 3px -2px #334e63, 0 -1px 0 0 #3c5c75;
}