/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

@font-face {
    font-family: 'Kraftnine'; /*a name to be used later*/
    src: url('../fonts/Iron & Brine.ttf'); /*URL to font*/
}


body {
	background: url(../images/enconstruccion.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.filter{
	width: 100%;
	min-height: 100%;
	background: #610404;
	opacity: 0.5;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.wrapper{
	padding-bottom: 25px;
}

html,body{
	margin:0;
	padding:0;
	font-family: Helvetica Neue, Helvetica, Arial;
	color: #ffffff;
	height: 100%;
}

.logo{
	/*width: 940px;
	float: left;*/
	margin-top: 100px;
	margin-bottom: 50px;
}

h1{
	text-align: center;
	font-size: 48px;
	font-family: 'Kraftnine';
}

h2{
	text-align: center;
	font-size: 20px;
	font-weight: 100;
	margin-top: 10px;
}


.clear{
	clear: left;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.social{
	width: 120px;
	margin: 80px auto 0;
	height: 20px;
}

ul.social li{
	float: left;
	background: url(../images/social.png) left top no-repeat;
	position: relative;
	height: 20px;
	margin-right: 16px;
}

ul.social li a{
	display: block;
	width: 18px;
	height: 20px;
}


ul.social li.pinterest{
	height: 20px;
	background-position: 0 0;
	width: 18px;
}

ul.social li.pinterest:hover{
	background-position: 0 -20px;
}



ul.social li.instagram{
	height: 20px;
	background-position: -34px 0;
	width: 18px;
}

ul.social li.instagram:hover{
	background-position: -34px -20px;
}



ul.social li.twitter{
	height: 20px;
	background-position: -68px 0;
	width: 18px;
}

ul.social li.twitter:hover{
	background-position: -68px -20px;
}



ul.social li.facebook{
	height: 20px;
	background-position: -102px 0;
	width: 18px;
	margin-right: 0;
}

ul.social li.facebook:hover{
	background-position: -102px -20px;
}

h4{
	text-align: center;
	font-size: 25px;
	font-family: 'Kraftnine';
	margin-top: 20px;
}