/* CSS Document for WINSTON RAMALHO - ARQUITETURA E PLANEJAMENTO*/

*{
padding:0px;
margin:0px;
vertical-align:0px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
list-style:none;
}

html, body{height:100%;}

#index{background:url(imagens/bkg_img01.jpg) repeat-x #E6E6E6;}
#interno{background:url(imagens/bkg_interno.jpg) top repeat-x #E6E6E6;}


/*DIVS*/	
#container{
display:table;
width:740px;
margin:auto;
height:100%;
background:#FFFFFF url(imagens/bkg_top.jpg) repeat-y left;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
}

#wrapper{
float:left;
}

#containerInt{
display:table;
margin:auto;
width:740px;
height:100%;
background:url(imagens/bkg_int.jpg) repeat-y;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
}

#containerIntLft{
display:table;
height:100%;
width:166px;
float:left;
background:#E6E6E6 url(imagens/bkg_contentLft.jpg) right top no-repeat;
}

#containerIntRgt{
display:table;
width:574px;
height:100%;
float:left;
background:#FFFFFF;
}

#top{
width:740px;
height:100px;
background:url(imagens/logo_home.gif) no-repeat center right;
}

#topInterno{
width:574px;
height:115px;
background:url(imagens/img_logoInt.gif) left top no-repeat;
}

#topIntLogo{
width:574px;
height:115px;
background:url(imagens/bkg_topIntLogo.jpg) bottom repeat-x;
}

#topIntDet{
width:166px;
height:115px;
background:url(imagens/bkg_topoInt.jpg) repeat-y left;
}

#middle{
width:740px;
height:448px;
background:#E6E6E6;
}

#middleLft{
width:194px;
height:407px;
padding-top:41px;
float:left;
background:#8597A5 url(imagens/bkg_middleLft.jpg) repeat-x top;
}

#middleLftInt{
width:166px;
height:155px;
padding-top:39px;
float:left;
background:#8597A5 url(imagens/bkg_middleLft.jpg) repeat-x top;
}

#middleDet{
width:38px;
height:448px;
float:left;
background:#FFFFFF url(imagens/bkg_middleDet.jpg) center no-repeat;
}

#middleRgt{
width:508px;
height:448px;
float:left;
}

#middleRgtPict{
width:508px;
height:330px;
}

#middleRgtTxt{
width:412px;
height:100px;
padding:15px 48px 0px 48px;
}

#menuProjetos{
	width:210px;
	padding:5px 0px 5px 0px;
	background:#8597A5;
	filter:alpha(opacity=90);

    -moz-opacity:.90;
	opacity:.90;
	position:absolute;
	top:175px;
	z-index:2;
	visibility: hidden;
}

#menuProjetosInt{
	width:190px;
	padding:5px 0px 5px 5px;
	background:#8597A5;
	filter:alpha(opacity=90);





    -moz-opacity:.90;
	opacity:.90;
	position:absolute;
	top:202px;
	z-index:2;
	visibility: hidden;
}

#contentInt{
width:533px;
padding-top:40px;
padding-left:40px;
float:left;
background:#FFFFFF;
}

#contentTxt{
width:300px;
float:left;
}

#contentPic{
	height:400px;
	float:left;
	padding-top: 42px;
	padding-right: 24px;
	padding-bottom: 25px;
	padding-left: 24px;
}

#picMoldura{
padding:10px 10px 10px 10px;
width:160px;
height:216px;
background:#E6E6E6;
}

#pic{
width:160px;
height:169px;
}

#bckTop{
width:534px;
height:70px;
margin-left:40px;
clear:both;
background:url(imagens/bkg_trace.jpg) repeat-x bottom;
}

#copyRgt{
margin-left:40px;
padding-top:10px;
width:534px;
height:80px;
clear:both;
}

/*PARAGRAFOS*/
.txtMenu, .txtMenuProjetos{
font-size:12px;
font-weight:bold;
line-height:20px;
}

.txtMenu{text-align:right;margin-right:16px;}

.txtMenuProjetosInt{
font-size:11px;
font-weight:bold;
line-height:16px;
}

.txtMenuInt{
font-size:11px;
font-weight:bold;
line-height:18px;
text-align:right;
margin-right:5px;
}

.txtMenuProjetos,{
text-align:left;
margin-left:5px;
}


.titIndex{
font-size:16px;
font-weight:bold;
line-height:15px;
color:#797979;
}

.txtIndex, .txtIndexBold{
font-size:12px;
color:#797979;
}

.txtIndexBold{
font-weight:bold;
}

.titInt{
margin-bottom:20px;
font-size:15px;
color:#999999;
font-weight:bold;
}

.txtInt, .txtIntBold{
font-size:12px;
color:#4c4c4c;
text-align:justify;
}

.txtIntBold{
font-weight:bold;
}

.txtCopyRgt{
font-size:11px;
color:#999999;
}

/*LINKS*/
.txtMenu a:link{color:#FFFFFF;}
.txtMenu a:visited{color:#FFFFFF;}
.txtMenu a:hover{color:#A2B5C3;}

.txtMenuInt a:link{color:#FFFFFF;}
.txtMenuInt a:visited{color:#FFFFFF;}
.txtMenuInt a:hover{color:#A2B5C3;}

.txtIndexBold a:link{color:#797979;}
.txtIndexBold a:visited{color:#797979;}
.txtIndexBold a:hover{color:#999999;}

.txtMenuProjetos a:link{color:#FFFFFF;}
.txtMenuProjetos a:visited{color:#FFFFFF;}
.txtMenuProjetos a:hover{color:#CCCCCC;}

.txtMenuProjetosInt a:link{color:#FFFFFF;}
.txtMenuProjetosInt a:visited{color:#FFFFFF;}
.txtMenuProjetosInt a:hover{color:#CCCCCC;}

.txtCopyRgt a:link{color:#999999;}
.txtCopyRgt a:visited{color:#999999;}
.txtCopyRgt a:hover{color:#666666;}

.txtInt a:link{color:#666666;}
.txtInt a:visited{color:#CCCCCC;}
.txtInt a:hover {color:#000000;}
/*IMAGEM*/

.imgLogoInt{
margin:17px 0px 0px 30px;
}

.imgTop{
margin-top:40px;
}