/* 
Images location: /sites/img/name.jpg
ex: background: url(/sites/img/bgmid.png)
*/

* {	margin: 0;
	padding: 0;
}
html {  height: 100%;
}

body {	font-family: 'Roboto Slab', serif;
	font-size: 0.95em; font-weight: normal; letter-spacing: 0.5px;
	background: #2f2f2e url(/img/bg.jpg) center top repeat-x;
	margin: 0 auto;	padding-bottom: 0;
	color: #666666;
	max-width: 100%; height: 100%; position:relative;
}

.wrapper { 
          width: 800px; height: 100%;
	      margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
	width: auto; border: 0;
}

.box1 {   position: relative;
			top: 20%; margin-top: 0;
			height: 60px; width: 280px;
			margin: 0 auto; text-align:center;
			
}
.nuno { 
		
        height: 60px; width:280px;
        margin: 0; padding-top: 0;
}
#nuno { display:block;
			background: url(/img/nuno.png);
	    	opacity: 1; height: 60px; width:280px;
}        #nuno:hover { opacity: 0.8;}
.logo {   position: relative; 
			top: 25%; margin-top: 0;
			height: 305px; width: 520px;
			margin: 0 auto; text-align:center;
}


.box2 { position: relative;
		
		top: 25%; margin-top: 0;
		height: auto; width:auto;
        margin: 20px auto; padding: 0;
}







.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}
/**********************************************************************************/
/******************* for 960px or less *******************************************/

@media screen and (max-width: 960px) {


}
/*********** for 768px or less *******************/
@media screen and (max-width: 768px) {

}
/*********************** for 480px or less ***********************/
@media screen and (max-width: 480px) {

}

@media (min-width: 981px) {

}
/**************************/
/*********************************End Media Queries****************************************/
/**************************/