/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: #fff url('../img/bg.jpg') no-repeat; background-position: 50% 172px; font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

/*css index*/
#geral { width: 976px; margin: auto; }
#top { width: 976px; height: 172px; margin: 10px auto; }
#top img { float: right; }

#col1 { width: 213px; float: left; padding-top: 60px; }
#col1 ul { float: left; text-align: left; width: 110px; }
#col1 ul li { height: 65px; position: relative; }
#col1 ul li a { color: #ef4c39; font-size: 16px; font-weight: 700; text-decoration: none; }
#col1 ul li #sub { font-size: 16px; }


/*Sub level menu items */
#col1 ul li ul{
position: absolute;
width: 110px; /*Sub Menu Items width */
top: -150px;
visibility: hidden;
float: left;

}
#col1 ul li .ul2{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
padding-left: 10px;
visibility: hidden;
}
#col1 ul li ul li { height: 25px; }
#col1 ul li ul li a{ font-size: 14px; }

#col2 { width: 762px; float: left; background: url('../img/bg3.jpg') no-repeat; background-position: 33%; }
#col2 #home { float: left; padding-left: 25px; }
#col2 #home h1 { color: #fbbe91; font-size: 16px; text-align: left; margin-top: 50px; }
#col2 #home h2 { color: #ef4c39; font-size: 18px; text-align: left; margin-top: 5px; }
#col2 #home p { color: #a4b1b5; font-size: 13px; float: left; line-height: 19px; text-align: justify; width: 322px; margin-top: 12px; }
#col2 #home img { float: left; margin-left: 12px; }
#col2 #home a { color: #ef4c39; font-weight: 700; text-decoration: none; }

#col2 #empresa { margin: 60px 0 0 30px; float: left; width: 332px; }
#col2 #empresa h1 { color: #fbbe91; font-size: 16px; text-align: left; float: left; width: 84px; }
#col2 #empresa .pipe { display: block; float: left; color: #fbbe91; font-size: 16px; }
#col2 #empresa h2 { color: #ef4c39; font-size: 16px; text-align: left; width: 105px; float: left; padding-left: 15px; }
#col2 #empresa p { clear: both; color: #a4b1b5; font-size: 13px; float: left; line-height: 19px; text-align: justify; width: 320px; margin-top: 12px; }

#col2 #infra { clear: both; float: left; margin-top: 25px; }
#col2 #infra li { color: #a4b1b5; font-size: 14px; font-weight: 700; text-align: left; line-height: 25px; }

#col2 #planta { clear: both; float: left; }
#col2 #planta li { color: #a4b1b5; font-size: 14px; font-weight: 700; text-align: left; line-height: 155px; }

#col2 .img { float: right; width: 385px; margin-top: 40px; }
#col2 .img2 { margin-top: 20px; }
#col2 .lnk { display: block; float: left; font-size: 16px; margin: 200px 0 0 30px; }
#col2 .lnk a { color: #ef4c39; font-weight: 700; text-decoration: none; }
#col2 .clientes { clear: none; display: block; float: left; width: 160px; height: 70px; text-align: left; color: #ef4c39; font-size: 15px; font-weight: 700; }
#col2 .marg { margin-top: 30px; }
#col2 .lnk2 { display: block; float: left; font-size: 16px; margin: 30px 0 0 30px; width: 200px; text-align: left; }
#col2 .lnk2 a { color: #ef4c39; font-weight: 700; text-decoration: none; }

#col2 #orcamento { float: left; padding-left: 25px; margin-bottom: 20px; }
#col2 #orcamento h1 { color: #fbbe91; font-size: 16px; text-align: left; margin-top: 50px; }
#col2 #orcamento p { clear: both; color: #a4b1b5; font-size: 13px; float: left; line-height: 19px; text-align: justify; margin-top: 12px; width: 600px; }

#col2 #servicos { float: left; padding-left: 25px; margin-bottom: 20px; width: 570px; }
#col2 #servicos h1 { color: #fbbe91; font-size: 16px; text-align: left; float: left; margin-top: 50px; }
#col2 #servicos .pipe { display: block; float: left; color: #fbbe91; font-size: 16px; margin: 50px 10px 0 10px; }
#col2 #servicos h2 { color: #ef4c39; font-size: 16px; text-align: left; width: 105px; float: left; margin-top: 50px; }
#col2 #servicos p { clear: both; color: #a4b1b5; font-size: 13px; float: left; line-height: 19px; text-align: justify; margin-top: 12px; width: 600px; }
#col2 #servicos .serv { clear: both; float: left; border-top: 1px solid #ef4c39; height: 100px; margin-top: 50px; }
#col2 #servicos .serv h1 { margin-top: 20px; }
#col2 #servicos .serv h2 { clear: both; width: auto; margin-top: 10px; }
#col2 #banners { float: left; padding-top: 102px; }
#col2 #banners img { border: 1px solid #ccc; float: left; clear: both; margin-top: 30px; }


#col2 #galeria { margin: 60px 0 0 30px; float: left; }
#col2 #galeria h1 { color: #fbbe91; font-size: 16px; text-align: left; float: left; }
#col2 #galeria .pipe { display: block; float: left; color: #fbbe91; font-size: 16px; margin: 0 10px 0 10px; }
#col2 #galeria h2 { color: #ef4c39; font-size: 16px; text-align: left; float: left;  }
#col2 #galeria .fotos { float: left; margin: 15px 20px 0 20px; width: 100px; height: 140px; }
#col2 #galeria .fotos a { color: #ef4c39; font-weight: 700; text-decoration: none; }
#col2 #galeria .fotos p { color: #ef4c39; font-weight: 700; }

.clear { clear: both; }


#col2 #links { float: left; padding-left: 25px; margin-top: 30px; }
#col2 #links img { float: left; }
#col2 #links p { font-size: 13px; float: left; margin: 26px 0 0 0px; width: 145px; }
#col2 #links a { color: #ef4c39; font-weight: 700; text-decoration: none; }
#col2 #noticia { float: left; width: 310px; margin-top: 20px; }
#col2 #noticia img { float: left; margin: 25px 0 0 0px; }
#col2 #noticia h1 { color: #ef4c39; float: left; font-size: 18px; margin-top: 23px; margin-bottom: 10px; text-align: left; text-indent: 15px; width: 195px; }
#col2 #noticia p { color: #a4b1b5; font-size: 13px; font-weight: 700; line-height: 20px; text-align: right; }
#col2 #noticia a { color: #fbbe91; text-decoration: none; line-height: 30px; }

#col2 #enquete { background: url('../img/bg_enquete.jpg') no-repeat; width: 333px; height: 185px; float: left; margin: 40px 0 0 100px; }
#col2 #enquete h1 { color: #ef4c39; float: left; font-size: 18px; text-align: left; margin: 10px 0 4px 15px; line-height: 19px; }
#col2 #enquete input { clear: both; float: left; margin-left: 15px; }
#col2 #enquete .t { clear: none; float: left; width: 130px; height: 13px; border: none; border-bottom: 1px solid #a4b1b5; }
#col2 #enquete p { color: #a4b1b5; font-weight: 700; text-align: left; float: left; line-height: 19px; }
#col2 #enquete .msg { margin: 10px; }
#col2 #enquete .bt { clear: none; float: left; }


.forms { width: 600px; margin: 25px auto; }
.forms fieldset { border: 1px solid #000; clear: both; width: 580px; padding: 40px 0 40px 0; margin-top: 20px; }
.forms legend { color: #ef4c39; padding: 0 3px 0 3px; margin-left: 10px; font-size: 15px; }
.forms label { display: block; text-align: right; width: 150px; line-height: 30px; color: #ef4c39; clear: both; float: left;  }
.forms input { float: left; border: 1px solid #000; margin: 5px; width: 275px;  }
.forms select { float: left; border: 1px solid #000; margin: 5px; width: 275px; }
.forms textarea { float: left; border: 1px solid #000; margin: 5px; width: 275px; }
.forms button { background: #ef4c39; border: 1px solid #ccc; clear: both; color: #fff; float: right; font-weight: 700; margin: 20px 40px 0 0; }
.forms .chec { width: 50px; float: left; margin: 0; text-align: left; line-height: 29px; }
.forms .chec input { border: 0; float: left; width: 15px; padding-top: 3px; }
.forms .chec2 {  width: 300px; }

.forms .data { float: left; line-height: 32px; }
.forms .inputdate { width: 75px; }



/* ----------- Forms ----------- */
.myform { margin: 10px auto; width: 300px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized { clear: both; float: left; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 70px; float: left; line-height: 30px; color: #fff; clear: both; }
#stylized input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #ccc; width: 180px; margin: 4px 0 10px 5px; }
#stylized button { width: 30px; height: 25px; text-align: center; line-height: 22px; font-size: 12px; float: left; margin: 2px; }

.link { color: #EF4C39; font-weight: 700; text-decoration: none; }