/* 
===================================
=========Bruno de Carvalho=========
===http://www.brunodecarvalho.com==
====brunohdcarvaho@hotmail.com====
===================================
*/
@media all{

/* CSS Reset ========================================*/  

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,p,th,td{margin:0; padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* Formatação de Font ========================================*/
h1,h2,h3,h4,h5,h6{font-family:'ms sans serif', tahoma, arial, sans-serif; font-weight:normal;}
h1{font-size:32px;}
h2{font-family: Georgia, "Times New Roman", Times, serif;}
}

@media screen{

/* ESTRUCTURE  HEAD, BODY, COLS END FOOTER ========================================== */
body{ color:#A0A0A0; text-align:center; background:#000 url(../imagens/bg.jpg);font-size:10px;}
#All{ z-index:1; position:relative; width:76.0em; margin:0 auto; text-align:left; background:#1A1A1A;}	
#Hd{ width:76.0em; height:28.4em; float:left; clear:both; margin:0;}
#banner{ background: url(../imagens/topo.jpg) no-repeat; width:72.5em; height:20.1em; border:solid 10px #484848; margin:6.3em auto 0 auto; text-indent:-9000px;}	
#Bd{ margin:0 0 0 7px; width:73.5em; float:left; padding:5px; overflow:visible; background: #232323;}	
#Bd #ColA{ float:left; width:44.6em; padding:0 5px 0 0; margin:0 5px 50px 10px;}
#Bd #ColA img{float:left; margin:10px 10px 10px 0;}
#Bd #ColB{ float:left;width:26em; margin:0; padding:0;}
#Bd #ColC{ float:left; width:22.6em; margin:0;}
#Ft{ width:745px; clear:both; text-align:center;  margin:6.3em auto 0 auto;background:#232323; font-size:10px;}
#acessibilidade{ width:63.3em; height:1.7em; border-bottom:solid 1px #53565D; z-index:2;}

/* Menu Acessibilidade ===================================================== */
#acessibilidade li{float:left; font-size:11px;}
#acessibilidade li a, .espacamento{display:block; padding:0.3em 0.7em;}
#acessibilidade li a:hover{background: #666;}

/* Menu ========================================================================= */
#menu, #acessibilidade{	font:bold 12px Arial, Helvetica, sans-serif; float:right;}
#menu li{float:left; margin:2em 0.6em 1em auto;}
#menu li a{display:block; height:13px; padding:13px 17px; text-decoration:none; font-size:18px; color:#949494;}
#menu li a:hover{background:url(../imagens/bgmenu.jpg) top repeat-x; color:#DCDCDC;}
.hover, .contato_fotm{background:url(../imagens/bgmenu.jpg) bottom repeat-x;}
.ativo{background:url(../imagens/bgmenu.jpg) repeat-x;}

/* Links ====================================================================== */
a{color:#B7B7B7;}
a:link{color:#B7B7B7;text-decoration:none;}
a:visited{color:#B7B7B7;text-decoration:none;}
a:hover{color:#FFF;text-decoration:none;}
.borda{ border-bottom:dashed 1px #B7B7B7;}

/* Fonts ======================================================================= */
.textopadrao, p{ margin:0; font-family:'ms sans serif', tahoma, arial, sans-serif;	font-size:1.3em; font-weight:normal; line-height:160%;}
.form_contato{ font:700  0.6em  'ms sans serif', tahoma, arial, sans-serif ; margin:0 0 1em 0;}
form input,form textarea{color:#6C6C6C; width:269px; border:solid 1px #000;}
	
/* Menu Area Destaque ========================================================= */
#menu3{margin-top:15px;}
#menu3 ul{margin:0;padding:0 5px 0 0;}
#menu3 li a{height: 6em; text-decoration: none; margin-top:0.7em; outline:none;}	
#menu3 li a:link, #menu3 li a:visited{ display: block; background:#282828; border:#ddd; padding: 8px 8px 0 10px; outline:none;}
#menu3 li a:hover{	background:#333; padding: 8px 8px 0 10px;	outline:none;}
span.projecttitle{	font-family:'ms sans serif', tahoma, arial, sans-serif;	font-size:13px;	font-weight:normal;	color:#B7B7B7;	line-height:18px;}
img.projectimagesample { float:left; border:4px solid #444; margin-right:11px;}
a:hover img.projectimagesample {border-color:#666;}

/* portifolio ================================================================= */
#portifolio ul{padding:0; margin:0;padding:0 1.5em 0 0;}
#portifolio ul li{border-bottom:dashed 1px #6A6A6A; margin:0 0 2em 0; padding:0 0 10px 0;}
#portifolio ul li a{height: 15em; width: 47em; text-decoration: none; outline:none; }	
#portifolio li a:link, #portifolio li a:visited .imagem{display: block;	padding:4px; outline:none; border:dashed 1px #6A6A6A; width:475px; height:133px;}
#portifolio li a.link {display: block;	padding:4px; border:none; width:100%; height:auto; font-size: 12px;}
#portifolio h3{margin:1em 0;} 
.projectblurb{font: 14px 'ms sans serif', tahoma, arial, sans-serif; color:#919191; line-height:14px; margin:1.2em 0 0 0;}
span.category{color:#FFF;}
#menu_portifolio{ float:left; clear:both; }
a .imagem_port { border:solid 8px #444; margin:25px 0 0 50px;}
a:hover .imagem_port { border-color:#666;}

/* curriculum ============================================================== */
#curriculo, #portifolio, #form_contato{margin:0 0 0 1em; width:51em; float:left;}
#curriculo p{font-size:1.3em; font-family:Arial, Helvetica, sans-serif;}
#curriculo h3{margin:1.4em 0 0.6em 0; font-size:1.8em;} 
#menu_curriculo{ float:left; clear:both; width:22.5em;}

/*Serviços ================================================================= */
.lista{ text-align:left;padding:0 10px 0 0; font-size:1.3em; margin:0;}
.lista li{margin: 0; list-style-type:none;border-bottom:dashed 1px #666; font-family:'ms sans serif', tahoma, arial, sans-serif; text-decoration:none;}
.pad{padding:10px 0 15px 0 ; }
.mais_portf a{display:block; padding:0.3em 0;}
.mais_portf a:hover{ background:#333;}

/* Outras Formatações ====================================================*/
strong{color:#E6E6E6;}
hr{display:none;}
h2{margin: 0.8em 0 0.3em 0; font:bold 23px Arial, Helvetica, sans-serif; color:#B7B7B7;}
h3{margin: 0; font:bold 15px Arial, Helvetica, sans-serif; color:#B7B7B7;}
.titulo{display:none;}
.botao{background:#333; border: solid 1px #ddd; width:70px; color:#FFF; font-weight:700; height:20px; font:11px Arial, Helvetica, sans-serif; margin:0 5px;}
.margem_li{padding:0 0 0 75px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.margem_botao{padding:0 0 0 190px;}

/* Lateral Direita =======================================================*/
#lateral_direita{ float:left; width:20.0em; padding:0 0 0 1.5em;}
#lateral_direita ul{width:15em;}
#outros_trab {margin-top:2em;}
#outros_trab td{ padding:0.5em 0;}

/* Meus Contatos =========================================================*/
#meus_contatos{ float:left; clear:both; margin:0;}
#contatos{margin: 0 0 1em 0; padding: 0; font:1.3em 'ms sans serif', tahoma, arial, sans-serif; text-decoration:none; list-style:none; text-align:left;}

/* Form Contato ===========================================================*/

#form_contato p{margin:20px 0 20px 0; width:508px;}
label{width:75px; float:left; clear:both; margin-left:10px; font:700 12px arial, verdana,'ms sans serif', tahoma, sans-serif; }
#form_contato li{padding:10px 0 0 0;}

}

@media print{

body{font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 1.5em;}
h1,h2,h3,h4,h5,h6{font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}
a{text-decoration:none; color:#000;}
.titulo a{margin: 0 0 1em 0; }
.titulo h2,h3{margin: 0 0 1em 0; }
.titulo h2{font-size:1.5em;}
.titulo h3{font-size:1em; font-weight:700;}
#menu, #acessibilidade{display:none;}
hr{height:1px; border:none; border-top: 1px solid #ccc;}
img{display:block;}
p{ margin:10px;}

}
@media aural{
#menu3 li a, #portifolio ul li a{voice-family: "\"}\""; voice-family: inherit;}	
}
@media handheld{
#acessibilidade{display:none;}

}