/* -------------------------------------------------
Cliente: Milafab Ferro, Aço Corte a Frio e Oxicorte.
Projeto: Site Institucional.
Url: http://www.milafab.com.br/
Autor: Rodrigo Gonçalves
Versão: 1.0 - Data: 17/11/2009
------------------------------------------------- */

* {
margin : 0;
padding : 0;
}
body {
margin : 0;
font : 90% Arial, Helvetica, sans-serif;
background:#082b52 url(../images/bg_html.png) top center repeat-x;
}


#tudo {
margin : 0 auto;
width : 766px;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
background:#FFF;
}


#topo {
float : left;
width : 766px;
height : 264px;
background : url(../images/bg-topo.png) no-repeat center top;
}
#topo h1 {
display : block;
text-indent : -9000px;
background : url(../images/logotipo.png) no-repeat;
width : 216px;
height : 212px;
margin : 30px 0 10px 6px;
}
#topo h2 {
text-indent : -9000px;
width : 538px;
height : 72px;
margin : -70px 0 0 226px;
}

/* menu principal */
#menu {
float : left;
width : 766px;
height : 52px;
background : url(../images/bg-menu.jpg) no-repeat center top;
text-align : center;
}
#menu ul {
float : left;
width : 766px;
list-style : none;
font-family : Georgia, "Times New Roman", Times, serif;
}
#menu ul li {
display : inline;
}
#menu ul li a {
font-size : 1.4em;
margin-top : 10px;
margin-left : 26px;
padding : 0 10px;
float : left;
color : #262626;
text-decoration : none;
}
#menu ul li a:hover {
color : #404040;
}
/* menu principal */

/* menu tabelas */
#menu_tabelas {
float : left;
width : 725px;
height : 30px;
background: #09C; no-repeat center top;
text-align : center;
border:1px solid #036;
}
#menu_tabelas ul {
float : left;
width : 725px;
list-style : none;
font-family : Georgia, "Times New Roman", Times, serif;
}
#menu_tabelas ul li {
display : inline;
}
#menu_tabelas ul li a {
font-size : 1.0em;
margin-top : 6px;
margin-left : 20px;
*margin-left : 7px;
padding :0 10px 0 0;
float : left;
color : #262626;
text-decoration : none;
}
#menu_tabelas ul li a:hover {
color : #fff;
margin-top : 6px;
margin-left : 20px;
*margin-left : 7px;
padding :0 10px 0 0;
float : left;
}
/* menu tabelas */

#clear {
width : 500px;
height : 23px;
margin : 20px 0;
}

#divisor {
clear:both;
width : 500px;
height : 23px;
background : url(../images/clear.jpg) repeat-x center top;
margin : 20px 0;
}

.imgs_class_mat{ width:300px; height:160px; margin:10px auto; text-align:center; padding:10px; border:1px solid #036;}

#conteudo_principal {
	float : left;
	width : 500px;
	padding : 5px 20px;
	margin-top : 15px;
	background-color : #fff;
	margin-bottom:20px;
	color: #007CC3;
}

#conteudo_principal a{ color:#003366; text-decoration:none; padding:3px; font-style:italic;}
#conteudo_principal a:hover{ color:#fff; text-decoration:none; background:#0099CC; padding:3px;}

#conteudo_principal h1 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 2em;
letter-spacing : 1px;
color : #032b44;
font-weight : normal;
}

#conteudo_principal p {
margin-top : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
letter-spacing : 1px;
color : #000;
font-weight : normal;
text-align : justify;
}
#conteudo_principal p.telefone {
font-size : 2.1em;
}
#conteudo_principal p span.ddd {
font-size : 0.6em;
}
#conteudo_principal p strong {
font-weight : bold;
}
#conteudo_principal p img {
border : 0;
padding : 0 10px;
}


#lateral_principal {
float : right;
width : 200px;
padding : 10px;
margin-top : 15px;
}

#lateral_principal img { width:156px; height:116px; margin:0 0 30px 20px; border:1px solid #666666; }


#conteudo {
clear:both;
float : left;
width : 725px;
height:100%;
padding : 5px 20px;
margin-top : 15px;
background-color : #fff;
margin-bottom:20px;
}

#conteudo .img_emp{ float:left; border:1px solid #003366; padding:5px; margin:20px 0 10px 25px;}
#conteudo #miolo_fotos_servicos{ width:765px; margin-left:80px; margin-top:20px;}
#conteudo .img_serv{ float:left; width:200px; height:150px; margin:10px 10px 40px 40px; text-align:center; padding:10px; border:1px solid #036;}


#conteudo em{ font-weight:bold; font-size:0.9em;}

#conteudo a{ color:#003366; text-decoration:none; padding:3px; font-style:italic;}
#conteudo a:hover{ color:#fff; text-decoration:none; background:#0099CC; padding:3px;}

#conteudo h1 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 2em;
letter-spacing : 1px;
color : #032b44;
font-weight : normal;
}

#conteudo h1 span { font-size : 0.4em; font-family:Verdana, Geneva, sans-serif; color:#003; float:right;}

#conteudo h1 em{font-family : Georgia, "Times New Roman", Times, serif; font-size : 0.6em;}

#conteudo h3{
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 1.5em;
letter-spacing : 1px;
color: #069;
font-weight : normal;
margin-top:20px;
}

#conteudo h2{font-size:1.3em; margin:10px 0 20px 0; color:#333333; background:#F9F9F9; padding:8px 10px 5px 10px; border-bottom:2px solid #333333;}
#conteudo h2 span{ font-size:0.8em; color:#666;}

#conteudo p {
margin-top : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
letter-spacing : 1px;
color : #000;
font-weight : normal;
text-align : justify;
}


.titulo_tabelas{font-size:0.80em; padding:2px; text-align:center; font-weight:bold; color:#fff; background:#032B44; border:1px solid #000; line-height:20px;}
.sub_titulo_tabelas{font-size:0.80em; padding:2px; text-align:center; font-weight:bold; color:#333333; background:#95CAFF; border:1px solid #09C; line-height:20px;}
.linha_01{font-size:0.80em; padding:1px; text-align:center; color:#333333; background:#EEEEEE; border:1px solid #CCCCCC; line-height:15px;}
.linha_02{font-size:0.80em; padding:1px; text-align:center; color:#333333; background:#FFF; border:1px solid #EEEEEE; line-height:15px;}
.linha_03{ font-weight:bold; font-size:0.70em; padding:1px; text-align:center; color:#333333; background:#FFF; border:1px dashed #666666; line-height:15px; height:22px;}

.linha_tubos{font-size:0.70em; padding-left:5px; text-align:left; color:#333333; background:#FFF; line-height:22px;}
.tubos_01{font-size:0.80em; background:#ffc5a8; border:1px solid #FF884F; text-align:center; height:22px;}
.tubos_02{font-size:0.80em; background:#feef9c; border:1px solid #FDD90F; text-align:center; height:22px;}
.tubos_03{font-size:0.80em; background:#99bbbb; border:1px solid #619292; text-align:center; height:22px;}
.tubos_04{font-size:0.80em; background:#95FF95; border:1px solid #00FF00; text-align:center; height:22px;}



#map{ float:left; overflow:hidden; width:725px; height:450px; border:1px solid #666666; margin-top:20px;}

#conteudo p.telefone {
font-size : 2.1em;
}
#conteudo p span.ddd {
font-size : 0.6em;
}
#conteudo p img {
border : 0;
padding : 0 10px;
}


#noticias{
	float : left;
	width : 490px;
	height: 300px;
	padding : 5px 10px 5px 5px;
	margin-top : 0px;
	background-color : #fff;
	margin-bottom:60px; *margin-bottom:40px;
	color: #007CC3;
}

#noticias a{ color:#039; text-decoration:none; background:none; padding:0;}
#noticias a:hover{ color:#069; text-decoration:none; background:none; padding:0;}
#noticias h1 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 2em;
letter-spacing : 1px;
color : #032b44;
font-weight : normal;
}

#rodape {
clear:both;
width : 766px;
height : 32px;
padding : 0;
margin : 0;
background : url(../images/bg-rodape.jpg) no-repeat center top;
}
#rodape p {
font-size : 0.7em;
}
#rodape a {
color : #fff;
text-decoration : none;
}
#rodape a:hover {
color : #000;
text-decoration : none;
}
#creditos {
float : left;
width : 217px;
padding : 3px 5px;
color : #fff;
letter-spacing : 2px;
}
#creditos p {
margin-left : 10px;
}
#direitos {
float : left;
margin : 0 auto;
width : 525px;
padding : 8px 5px;
color : #fff;
}
#direitos p {
font-size : 0.9em;
margin-left : 60px;
}





#faleconosco {
	margin:0;
	padding:20px;
}
 {
	font-size:1.3em;
	margin:0;
	padding:0;	
}
 em {
	color:#666666;
	font-size:0.9em;
	padding:0 0 0 4px;
}
 fieldset {
	border:none;
	margin:0 0 20px 0;
	padding:0;
}
 legend {
	color:#003366;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 4px 0;
}
 .group_fields {
	display:block;
	padding:4px;
	margin:0 0 4px 0;
	border-bottom:1px solid #DDDDDD;
	background:#F5F5F5;
}
 .label {
	float:left;
	font-size:1.1em;
	font-weight:bold;
	line-height:26px;	
	padding:10px 4px 10px 10px;
	width:160px;
	text-align:right;
}
 .fields {
	float:left;
	font-size:1.1em;
	padding:10px 0 0 10px;
	line-height:28px;
}
 .fields input {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	font-size:1.2em;
	border:1px solid #999999;
}
 .fields select {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	font-size:1.2em;
	border:1px solid #999999;
}
 .fields input[type=checkbox] {
	border:none;
	margin:0 2px 0 0;
}
 .fields textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	font-size:1.2em;
	border:1px solid #999999;
}
 .fields .input_length_50 {
	width:50px;
}
 .fields .input_length_100 {
	width:100px;
}
 .fields .input_length_200 {
	width:200px;
}
 .fields .input_length_300 {
	width:300px;
}
 .fields .input_length_400 {
	width:400px;
}
 .fields .input_length_500 {
	width:500px;
}
 .clear {
	clear:both;
}
 .container_submit {
	display:block;
	padding:6px;
	margin:0 0 4px 0;
}
 .buttom_submit {
	background:#E8E8E8;
	color:#333333;
	font-size:1.2em;
	font-family:Arial;
	font-weight:bold;
	padding:6px 12px 6px 12px;
	margin:0 0 0 182px;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
}


.info, .success, .warning, .error, .validation {
clear:both;
font:1.15em Arial, Helvetica, sans-serif;
border: 1px solid;
margin:10px auto; 
padding:15px 10px 15px 55px;
background-repeat: no-repeat;
background-position: 10px center;
width:80%; height:100px;
text-align:left;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/msg_info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('../images/msg_sucess.png');
}
.warning {
color:#9F6000;
background-color: #FEEFB3;
background-image: url('../images/msg_atencao.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/msg_error.png');
}
.error span {
font:25px Arial, Helvetica, sans-serif;
}