#estrutura
{
	width:940px;
	height:760px;
	border: 1px solid #003333;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
	box-shadow: 10px 10px 25px #000000;
	background-color:#009999;
}

#banner
{
	width:915px;
	height:250px;
	margin-top:15px;
	border: 2px solid #003333;
	margin-left:10px; 
	margin-top:10px;
	border-radius:20px;
	box-shadow: 5px 5px 20px #000000;
	background-image:url('bannerPortefolio.png');
	background-color:#ffffb3;
}

#conteudos
{
	width:450px;
	height:420px;
	/*border:1px solid #000000;*/
	margin-left:10px; 
	margin-top:10px;
	float:left;
	
	
}


#conteudos2
{
	width:450px;
	height:420px;
	/*border:1px solid #000000;*/
	margin-left:10px; 
	margin-top:10px;
	float:left;

}
#tituloHtml
{
	width:315px;
	height:25px;
	margin-top:15px;
	margin-left:60px;
	border: 2px solid #000000;
	box-shadow: 5px 5px 20px #000000;
	text-align:center;
	padding-top:10px;
	background-color:#33ffff;
	border-radius:10px;
}
#site1html
{
	width:135px;
	height:120px;
	border:2px solid #000000;
	margin-left:10px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	text-align:center;
}

#site2html
{
	width:130px;
	height:120px;
	border:2px solid #000000;
	margin-left:10px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
}

#site3html
{
	width:130px;
	height:120px;
	border:2px solid #000000;
	margin-left:15px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
	
}

.limpar 
{
	clear:both
}

#caixadetexto1
{
	width:135px;
	height:25px;
	border: 2px solid #000000;
	margin-left:10px;
	margin-top:10px;
	padding-top:5px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
	font-size:12px;

}
.estiloLetra
{
	font-size:10px;
	text-align:center;
}

#caixadetexto2
{
	width:130px;
	height:30px;
	border: 2px solid #000000;
	margin-left:10px;
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
	padding-top:1px;
	
}

#caixadetexto3
{
	width:130px;
	height:30px;
	border: 2px solid #000000;
	margin-left:15px;
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
	padding-top:1px;
	
}

.limpar 
{
	clear:both
}

#site4html
{
	width:130px;
	height:120px;
	border:2px solid #000000;
	margin-left:15px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
	
}

#site5html
{
	width:130px;
	height:120px;
	border:2px solid #000000;
	margin-left:10px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
	
}

#site6html
{
	width:130px;
	height:120px;
	border:2px solid #000000;
	margin-left:15px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
}

#caixadetexto4
{
	width:130px;
	height:30px;
	border: 2px solid #000000;
	margin-left:15px;
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
}

#caixadetexto5
{
	width:130px;
	height:30px;
	border: 2px solid #000000;
	margin-left:10px;
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
}

#caixadetexto6
{
	width:130px;
	height:30px;
	border: 2px solid #000000;
	margin-left:15px;
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
	text-align:center;
}

.limpar 
{
	clear:both
}


#tituloBOOTSTRAP
{
	width:315px;
	height:25px;
	margin-top:15px;
	margin-left:60px;
	border: 2px solid #000000;
	box-shadow: 5px 5px 20px #000000;
	text-align:center;
	padding-top:10px;
	background-color:#33ffff;
	border-radius:10px;
	
}

#site1bootstrap
{
	width:200px;
	height:120px;
	border:2px solid #000000;
	margin-left:15px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
}

#site2bootstrap
{
	width:200px;
	height:120px;
	border:2px solid #000000;
	margin-left:10px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
}
	
.limpar 
{
	clear:both
}

#caixadetexto7
{
	width:200px;
	height:30px;
	border:2px solid #000000;
	margin-left:15px; 
	margin-top:10px;
	text-align:center;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
}

#caixadetexto8
{
	width:200px;
	height:30px;
	border:2px solid #000000;
	margin-left:10px; 
	margin-top:10px;
	text-align:center;
	float:left;
	background-color:#33ffff;
	border-radius:7px;
}


.limpar 
{
	clear:both
}

#site3bootstrap
{
	width:200px;
	height:120px;
	border:2px solid #000000;
	margin-left:125px; 
	margin-top:10px;
	float:left;
	background-color:#ffffff;
	border-radius:10px;
	
	
}


.limpar 
{
	clear:both
}

#caixadetexto9
{
	width:200px;
	height:30px;
	border:2px solid #000000;
	margin-left:125px; 
	margin-top:10px;
	float:left;
	background-color:#33ffff;
	border-radius:7px;	
	text-align:center;
}
.limpar 
{
	clear:both
}


#rodape
{
	width:915px;
	height:30px;
	border: 2px solid #003333;
	margin-left:10px;
	margin-top:10px;
	border-radius:20px;
	box-shadow: 2px 2px 10px #000000;
	text-align:center;
	padding-top:15px;
	color:#000000;
	background-color:#ffffb3;
}
.estilofotos
{
	border-radius:10px;
}