@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
body { background:#3C4249}
h1, h2, h3, h4 { color:#FFF; font-family: 'Ubuntu Condensed', sans-serif;}
p {font-family: 'Ubuntu Condensed', sans-serif; color:#FFF}
.container { clear:both; width: 1000px; height:auto; margin:0 auto; text-align: left;}
.center { text-align:center}
a { text-decoration:none; border:none}

/*MENU*/
.bg-menu { float:right; width:700px; height:25px; padding-top:30px}
.menu { display:block; width:auto; height:auto; margin-left:0}
.menu li { display:block; float:left; width:auto; height:auto; text-decoration:none; margin-left:40px}
.menu li a { text-decoration:none; color:#FFF}

#logo { float:left; height:20px; width:268px}
#top-bg { height:61px; width:100%; background:url(../images/top-bg.jpg) repeat-x}
#baner-bg { height:460px; width:100%; background:url(../images/baner-bg.png) repeat-x; padding-top:78px}
#left-bg { height:460px; width:100%; background:url(../images/left-bg.jpg) repeat-x}
#left-bg-decor { height:406px; width:100%; background:url(../images/baner-decor.jpg) center no-repeat}
#server-left { float:left; width:220px; height:auto}
#server-left p { color:#333 }
#server-left-bg { text-align:center; width:218px; height:580px; padding-top:20px; background:url(../images/left-server.jpg) no-repeat}
#ind-right { float:right; width:780px; height:auto}
#promo { float:right; height:150px; width:780px}
#ind-bg-right { float:right; height:450px; width:780px; background:url(../images/ind-bg-right.jpg) no-repeat}

.lista { display:block; height:65px; width:220px}
.lista li { display:block; height:46px; width:220px; background:url(../images/lista-box.png) no-repeat; padding-top:20px}

.info-top { height:85px; width:446px; background:url(../images/info-top.png) no-repeat}
.info-top h2 {padding:35px 35px 0; color:#333}
.info-midle { height:auto; width:446px; background:url(../images/info-midle.png) repeat-y}
.info-midle p { padding-left:35px; width:380px; text-align:center; font-size:20px}
.info-botom { height:12px; width:446px; background:url(../images/info-botom.png) no-repeat}

/*EMPRESA*/
#right-cont { float:right; width:755px; height:auto; padding-top:50px; padding-left:25px}
#right-cont p { padding-left:25px; width:660px; color:#FFF; font-size:18px}
.fotos-3 { display:block; float:left}
.fotos-3 li { display:block; float:left }

/*USINAGEM*/
#right-cont2 { float:right; width:780px; height:auto; padding-top:50px}
#usina-left { float:left; width:300px; height:auto; padding-left:25px}
.usina-right { float:right; width:420px; height:auto}


.fieltext { width:600px; height:auto}
.fieltext p { float:left; padding-top:10px; width:100px; text-align:right}
.fieltext label { float:right; text-align:left; width:400px; padding-left:18px }








/*FOOTE1*/
#footer-1 { height:124px; width:1000px; background:url(../images/footer1-bg.jpg) repeat-x}

/*footer-botom*/
#footer-botom-left { float:left; height:48px; width:15px; background:url(../images/botom-footer-left.jpg) no-repeat}
#footer-botom-right { float:right; height:48px; width:15px; background:url(../images/botom-footer-right.jpg) no-repeat}
#footer-botom { float:left; height:48px; width:970px; background:url(../images/botom-footer.jpg) repeat-x}