@charset "utf-8";
/* CSS Document */
/* UNION MAIS CONSULTORIA E AGÊNCIA DIGITAL FONT FACE */

@font-face {
    font-family: 'DINBold';
    src: url('../fonts/dinbd__-webfont.eot');
    src: url('../fonts/dinbd__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbd__-webfont.woff') format('woff'),
         url('../fonts/dinbd__-webfont.ttf') format('truetype'),
         url('../fonts/dinbd__-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBlack';
    src: url('../fonts/dinbl__-webfont.eot');
    src: url('../fonts/dinbl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbl__-webfont.woff') format('woff'),
         url('../fonts/dinbl__-webfont.ttf') format('truetype'),
         url('../fonts/dinbl__-webfont.svg#DINBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINLight';
    src: url('../fonts/dinl___-webfont.eot');
    src: url('../fonts/dinl___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinl___-webfont.woff') format('woff'),
         url('../fonts/dinl___-webfont.ttf') format('truetype'),
         url('../fonts/dinl___-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINMedium';
    src: url('../fonts/dinm____0-webfont.eot');
    src: url('../fonts/dinm____0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinm____0-webfont.woff') format('woff'),
         url('../fonts/dinm____0-webfont.ttf') format('truetype'),
         url('../fonts/dinm____0-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { padding:0; background: url('../img/menu/bg.jpg') center -180px; }
ul, li { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
div#header { height:0; background:#FFF; border-top:0; height:0; }
#caixaMenu { margin-top:0; }
.presentation { background: url('../img/menu/bg.jpg') no-repeat center -100px; overflow:hidden; position:fixed; }
div.center { width: 950px; }

/* GERAL */
div#geral {
	position:absolute;
	left:50%;
	top:30%;
	width:990px;
	height:570px;
	margin:0 0 0 -495px;
}
/* FIM GERAL */

/* CONTENT */
div#content {
	position:relative;
	float:left;
	width:100%;
	height:460px;
	z-index:1;
	background: none;
	margin-left:-15px;
}
div.home {
	position:absolute;
	left:0;
	top:105px;
	width:990px;
	height:200px;
	z-index:2;
}
div.home ul {
	float:left;
	width:100%;
	height:150px;
}
div.home ul li {
	float:left;
	background:url(../img/menu/bg_highlights.png) no-repeat center 122px;
}
div.home ul li a {
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	width:198px;
	height:150px;
	text-align:center;
}
div.home ul li.modernidade a {background-image:url(../img/menu/ico_modernidade.gif);}
div.home ul li.simplicidade a {background-image:url(../img/menu/ico_simplicidade.gif);}
div.home ul li.seguranca a {background-image:url(../img/menu/ico_seguranca.gif);}
div.home ul li.inovacao a {background-image:url(../img/menu/ico_inovacao.gif);}
div.home ul li.investimento a {background-image:url(../img/menu/ico_investimento.gif);}
div.home ul li a span {
	background-position:center center !important;
	background-repeat:no-repeat !important;
	position:relative;
	display:block;
	top:150px;
	width:198px !important;
	height:17px !important;
	text-indent:-9000px;
	z-index:1;
}
div.home ul li.modernidade a span {background-image:url(../img/menu/mn_modernidade.gif) !important;}
div.home ul li.simplicidade a span {background-image:url(../img/menu/mn_simplicidade.gif) !important;}
div.home ul li.seguranca a span {background-image:url(../img/menu/mn_seguranca.gif) !important;}
div.home ul li.inovacao a span {background-image:url(../img/menu/mn_inovacao.gif) !important;}
div.home ul li.investimento a span {background-image:url(../img/menu/mn_investimento.gif) !important;}
div.home ul li a:hover span {
	opacity:1 !important;
	filter:aplha(opacity=100) !important;
	visibility:visible !important;
}
/* FIM CONTENT */

/* ERP */
div.erp {
	background:url(../img/menu/bg_erp.png) no-repeat center 235px;
	float:left;
	width:990px;
	height:405px;
	margin:45px 0 0;
}
div.erp div.navigation {
	position:absolute;
	left:40px;
	top:310px;
	width:225px;
	height:50px;
	z-index:1;
}
div.erp div.navigation a {
	float:left;
	display:inline;
	margin:0 0 0 5px;
	width:35px;
	height:50px;
	cursor:pointer;
	text-indent:-9000px;
}
div.erp div.navigation a.modernidade {background-image:url(../img/menu/icon_modernidade.png);}
div.erp div.navigation a.simplicidade {background-image:url(../img/menu/icon_simplicidade.png);}
div.erp div.navigation a.seguranca {background-image:url(../img/menu/icon_seguranca.png);}
div.erp div.navigation a.inovacao {background-image:url(../img/menu/icon_inovacao.png);}
div.erp div.navigation a.investimento {background-image:url(../img/menu/icon_investimento.png);}
div.erp div.navigation a.ativo {
	background:none;
	cursor:default!important;
}
div.erp div.scroll {
	background:url(../img/menu/bg_menu.png) no-repeat;
	position:relative;
	float:left;
	display:inline;
	width:970px;
	height:380px;
	margin:0 0 0 30px;
	z-index:1;
}
div.erp div.scroll h2 {
	text-indent:-9000px;
	background-position:0 5px;
	background-repeat:no-repeat;
	width:400px;
	height:35px;
}
div.erp div.scroll div#modernidade h2 {background-image:url(../img/menu/title_modernidade.gif);}
div.erp div.scroll div#simplicidade h2 {background-image:url(../img/menu/title_simplicidade.gif);}
div.erp div.scroll div#seguranca h2 {background-image:url(../img/menu/title_seguranca.gif);}
div.erp div.scroll div#inovacao h2 {background-image:url(../img/menu/title_inovacao.gif);background-position:0 0;}
div.erp div.scroll div#investimento h2 {background-image:url(../img/menu/title_investimento.gif);}
div.erp div.scroll p {
	font-size:13px;
	padding:0 0 15px;
}
div.erp div.scroll p strong {
	color:#c3161c;
	font-weight:normal;
}
div.erp div.scroll div#modernidade,
div.erp div.scroll div#simplicidade,
div.erp div.scroll div#seguranca,
div.erp div.scroll div#inovacao,
div.erp div.scroll div#investimento {
	background-position:37px 10px;
	background-repeat:no-repeat;
	width:465px;
	height:235px;
	padding:0 0 0 275px;
}
div.erp div.scroll div#modernidade {background-image:url(../img/menu/ico_modernidade.png);}
div.erp div.scroll div#simplicidade {background-image:url(../img/menu/ico_simplicidade.png);}
div.erp div.scroll div#seguranca {background-image:url(../img/menu/ico_seguranca.png);}
div.erp div.scroll div#inovacao {background-image:url(../img/menu/ico_inovacao.png);}
div.erp div.scroll div#investimento {background-image:url(../img/menu/ico_investimento.png);}

div.erp div.scroll div#scroll_modernidade,
div.erp div.scroll div#scroll_simplicidade,
div.erp div.scroll div#scroll_seguranca,
div.erp div.scroll div#scroll_inovacao,
div.erp div.scroll div#scroll_investimento {
	width:430px;
	height:194px;
	text-align:justify;
}

div.erp div.ScrollPane {
	background-color:#fff;
	position:relative;
	height:194px;
	overflow:hidden;
	z-index:1;
	color:#5D6368;
}
div.erp div.ScrollPane div.jScrollPaneContainer {
	position:relative;
	z-index:1;
}
div.erp div.ScrollPane div.jScrollPaneTrack {
	background:url(../img/menu/bg_scroll.gif) no-repeat;
	position:absolute;
	left:440px;
	top:3px;
	width:20px !important;
	height:194px !important;
	z-index:9;
}
div.erp div.ScrollPane div.jScrollPaneDrag {
	background:url(../img/menu/ico_scroll.gif) no-repeat 0 4px;
	position:absolute;
	left:3px;
	width:13px !important;
	height:66px !important;
	cursor:pointer;
}

div.erp div.paginacao {
	position:absolute;
	right:-190px;
	top:330px;
	width:260px;
	height:32px;
	z-index:1;
}
div.erp div.paginacao p {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	text-indent:-9000px;
	height:32px;
}
div.erp div.paginacao p.prev {width:109px;}
div.erp div.paginacao p.next {width:99px; margin-left:40px;}

div.erp div.paginacao p a {
	background-repeat:no-repeat;
	position:relative;
	cursor:pointer;
	display:block;
	height:32px;
	z-index:1;
}
div.erp div.paginacao p.prev a {background-image:url(../img/menu/bt_prev_home.gif); width:109px;}
div.erp div.paginacao p.next a {background-image:url(../img/menu/bt_next_home.gif); width:99px;}

div.erp div.paginacao p a span.hover {
	background-position:0 bottom;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	height:32px;
	z-index:1;
}
div.erp div.paginacao p.prev a span.hover {background-image:url(../img/menu/bt_prev_home.gif); width:109px;}
div.erp div.paginacao p.next a span.hover {background-image:url(../img/menu/bt_next_home.gif); width:99px;}
/* FIM ERP */

/* HEADER */
#menuerpheader { width:930px; height:100px; margin:10px auto 30px auto; }
#menuerpheader .logo { float:left; width:160px; margin:47px 0 0 16px; }
#menuerpheader .login { float:right; margin:55px 10px 0 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:450px; }
#menuerpheader .login.acoes { margin: 6px 10px 0 0; }
#menuerpheader .login.acoes a { color:blue; }
#menuerpheader .login span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
/* FIM HEADER */

/* ICONE NOVO */
#menuerp ul li i.function_new,
.listasmenus .listasubmenu ul li i.function_new { background-image: url(../img/ico/icone_novo.gif); width:40px; height:20px; text-indent:-9000px; padding:5px 0 5px 0; }
#menuerp ul li i.function_new span,
.listasmenus .listasubmenu h2#topico i.function_new span,
.listasmenus .listasubmenu ul li i.function_new span { margin:0 20px 0 20px; }
.listasmenus .listasubmenu h2#topico span { margin:0 6px 0 0; }
.listasmenus .listasubmenu h2#topico i.function_new { background-image: url(../img/ico/icone_novo.gif); width:40px; height:20px; text-indent:-9000px; padding:0; float:right; }
/* FIM ICONE NOVO */

/* MENU */
#menuerp { width:950px; margin:0 auto; }
#menuerp ul { list-style:none; font-family:'DINLight'; font-size:10px; text-transform:uppercase; text-align:center; margin:0 !important; padding:0 !important; }
#menuerp ul li { color:#FFF; text-align:center; display:inline; margin:0 !important; font-size:10px; font-weight:bold; }
#menuerp ul li a, #menuerp ul li a:link, #menuerp ul li a:visited { text-decoration:none; background:#839098; color:#FFF; padding:5px 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#menuerp ul li a:hover, #menuerp ul li a:active { text-decoration:none; background:#383e42; color:#FFF; }
#menuerp ul li a.ativo { text-decoration:none; background:#383e42; color:#FFF; }
/* FIM MENU */

/* LISTAS */
.listasmenus { margin:20px auto; width:1035px; height:350px; }
.listasmenus .listasubmenu { width:210px; float:left; margin:0 0 0 26px; }
.listasmenus .listasubmenu.noticias { width:345px; }
.listasmenus .listasubmenu.right { float: right; width:130px; }
.listasmenus .listasubmenu.left { width:165px; }
.listasmenus .listasubmenu h2#topico { font-family:'Arial'; font-size:12px; color:#ca020a; text-transform:uppercase; margin:40px 0 20px 0; float: left; font-weight:bold;s }
.listasmenus .listasubmenu ul { list-style:none; font-family:'DINLight'; font-size:14px; text-align:left; clear: both; }
.listasmenus .listasubmenu ul li { display:block; color:#383e42; text-align:left; line-height:22px; text-transform:none; }
.listasmenus .listasubmenu ul li a, #menuerp .listasubmenu ul li a:link  { color:#383e42; text-decoration:none; padding:1px 10px 1px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.listasmenus .listasubmenu ul li a:hover, #menuerp .listasubmenu ul li a:active  { color:#FFF; background:#696f74; text-decoration:none; }
/* FIM DAS LISTAS  */

/* SOBRE */
div#conteiner { float:left; height:500px; position:relative; width:100%; z-index:1; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#5D6368; }
div.sobre { display:inline; float:left; margin:55px 0 0 125px; width:740px; }
div.sobre h2 { color:#C3161C; font-size:19px; font-weight:bold; height:19px; margin-bottom:14px; width:168px; }
div.sobre p { font-size:13px; line-height:135%; padding-top:20px; }
div.sobre p strong { color:#C3161C; }
div.sobre p em { color:#C3161C; font-style:normal; font-weight:bold; }
/* FIM SOBRE*/

/* FOOTER MENU */
div#footerMenu { float:left; height:30px; width:100%; padding-bottom:100px; margin-top: 70px; }
div#footerMenu address { color:#839097; display:inline; float:left; font-size:10px; font-style:normal; margin:15px 0 0 15px; text-transform:uppercase; width:550px; }
/* FIM FOOTER MENU */