@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700,300,400);
html{
	font-size: 62.8%;
}

html *{
	box-sizing: border-box !important;	
}	
body{
	padding:0;
	margin:0;
	color:#ddd;
	/*color:#FFF;*/   
	background-repeat:repeat-x;
	background-position:center top;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 16px;	
	background-color:#272626;
}	

h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
}
ul,li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.clear{
	clear:both;
}

.page{
	padding:20px;
	
}

.blocintro{
	width:500px;
	text-align:center;
	height:200px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-100px;
/*	background-color:rgba(255,255,255,0.03);*/
	padding:20px;
}	
.blocintro .texteintro{
	margin-top:40px;
}


@media screen and (max-width: 500px) {
	.blocintro{
		width:auto;
		left:20px;
		right:20px;
		margin-left:0px;
	}
	.blocintro img{
		width:100%;
	}

}