//******************************************************** // Script Name: style.css // Project: NEC Services WEB Portal // NEC do Brasil SA // Okumura Servicos de Informatica // Resp: Lidia Okumura Date: 28/02/07 Desc: Emission // Resp: Eliane Sayuri Uchijima Date: 12/10/07 // // Description: Style Sheet Page of Web Portal **********************************************************/ /****** BODY *********************************************************************************************************/ body { TOP: 0px; LEFT: 0px; HEIGHT: 100%; } #all { width:760px; } small {FONT-WEIGHT:bold;} /****** LINKS *************************************************************************************************/ a.link_3 { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none; } a.link_3:link { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none; } a.link_3:hover { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none; } a.link_3:visited { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #003366; } a.link_4 { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; COLOR: #003366; TEXT-DECORATION: none; } a.link_4:link { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; COLOR: #003366; TEXT-DECORATION: none; } a.link_4:hover { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; COLOR: #003366; TEXT-DECORATION: underline; } a.link_4:visited { FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; COLOR: #003366; } a.link_5, a.link_5:link, a.link_5:visited { TEXT-DECORATION: none; COLOR: #000066; _height: 100%; } a:link_5:active { COLOR: #FF6600; TEXT-DECORATION: underline; } a.link_5:hover { TEXT-DECORATION: underline; CURSOR: hand; } a.link_11, a.link_11:link, a.link_11:visited { TEXT-DECORATION: none; COLOR: #000066; _height: 100%; } a:link_11:active { COLOR: #FF6600; TEXT-DECORATION: underline; } a.link_11:hover { TEXT-DECORATION: underline; CURSOR: hand; } a.link_12, a.link_12:link, a.link_12:visited { TEXT-DECORATION: none; COLOR: #999; _height: 100%; } a.link_12:hover { TEXT-DECORATION: underline; CURSOR: hand; COLOR: #33337B; } /************** BOTOES INDEX ********************************************************************************************************/ a.link_6, a.link_6:visited { padding:0px; text-decoration: none; background: #393981 url('/images/bt11_index.gif') no-repeat; color:#ffffff; center center; width:250px; height:42px; display:block; } a.link_6:hover { background: #393981 url('/images/bt11Dark_index.gif') no-repeat; color:#ffffff; } a.link_61, a.link_61:visited { padding:0px; text-decoration: none; background: #393981 url('/images/bt0_index.gif') no-repeat; color:#ffffff; center center; width:380px; height:42px; display:block; } a.link_61:hover { background: #393981 url('/images/bt0Dark_index.gif') no-repeat; color:#ffffff; } .title1_butt {FONT-SIZE: 12px; POSITION: absolute; TEXT-ALIGN: left; TOP: 15px; LEFT: 23px; } a.link_7, a.link_7:visited { padding:0px; text-decoration: none; background: #E3E4F9 url('/images/bt2_index.gif') no-repeat; color:#000000; center center; width:571px; height:42px; display:block; font-weight:bold; } a.link_7:hover { background: #E3E4F9 url('/images/bt2Dark_index.gif') no-repeat; color:#000000; } a.link_8, a.link_8:visited { padding:0px; text-decoration: none; background: #3A3959 url('/images/bt3_more_index.gif') no-repeat; color:#ffffff; center center; width:190px; height:42px; display:block; } a.link_8:hover { background: #E3E4F9 url('/images/bt3Dark_more_index.gif') no-repeat; color:#ffffff; } .title2_butt {FONT-SIZE: 12px; POSITION: absolute; TEXT-ALIGN: left; TOP: 13px; LEFT: 23px; color:#000000; font-weight:bold; } .title3_butt {FONT-SIZE: 12px; POSITION: absolute; TEXT-ALIGN: left; PADDING-TOP: 14px; LEFT: 23px; color:#ffffff; } /****** LOGOS SUPERIORES *********************************************************************************************/ #Top_Left { POSITION: absolute; WIDTH: 700; HEIGHT: 50; TEXT-ALIGN: right; FLOAT: right; TOP: 19px; LEFT: 20px; } #Top_Right { POSITION: absolute; WIDTH: 700; HEIGHT: 50; TEXT-ALIGN: right; FLOAT: right; TOP: 15px; LEFT: 630px; } /****** MENU *********************************************************************************************************/ //#menu_list { list-style:none; margin-top: 15px; margin-left: 0px; padding-left:0px; margin-bottom:10px; } #menu_list { list-style:none; margin-top: 15px; margin-left: 0px; padding-left:0px; margin-bottom:10px; } #menu_list li {padding-left:20px; display: inline; } #Menu { POSITION: absolute; WIDTH: 760px; HEIGHT: 26px; LEFT: 0px; TOP: 60px; BACKGROUND-IMAGE: url(/images/bg_menu2.gif); BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: right; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 11px; COLOR: #003366; } /* #MenuLink { POSITION: absolute; WIDTH: 760px; HEIGHT: 26px; left: 0px; TOP: 47px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 11px; COLOR: #003366; } */ #MenuLink { POSITION: absolute; WIDTH: 600px; HEIGHT: 26px; left: 0px; TOP: 47px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 11px; COLOR: #003366; } #Menu span { font-size: 9px; } #Menu1 { POSITION: absolute; WIDTH: 100%; HEIGHT: 26px; LEFT: 0px; TOP: 60px; BACKGROUND-IMAGE: url(/images/bg_menu2.gif); BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: right; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 11px; COLOR: #003366; } #Menu1 span { font-size: 9px; } /****** IMAGEM PRINCIPAL *********************************************************************************************/ #indexMain { POSITION: absolute; WIDTH: 760px; LEFT: 0px; TOP: 98px; TEXT-ALIGN: left; FONT-FAMILY: Arial, Helvetica; } /***** DISPOSICOES INDEX ********************************************************************************************/ #col_1 {position:absolute; width:160px; height:150px; top:230px; left:0px; color:#000000; border-right:1px solid #D2D2D2; FONT-SIZE: 11px; COLOR: #000066; } #col_2 {position:absolute; width:160px; height:150px; top:230px; left:160px; color:#000000; border-right:1px solid #D2D2D2; FONT-SIZE: 11px; COLOR: #000066; } #col_12{position:absolute; width:320px; top:190px; left:0px; color:#000000; border-right:1px solid #D2D2D2; FONT-SIZE: 11px; COLOR: #000066; } #col_3 {position:absolute; width:250px; height:220px; top:190px; left:320px; color:#000000; FONT-SIZE: 11px; COLOR: #000066; } #col_4 {position:absolute; width:190px; height: auto; top:190px; left:570px; BACKGROUND: #f3f3f3; FONT-SIZE: 11px; COLOR: #000066; } #col_4 div {height:58px; FONT-SIZE: 11px; margin: auto; padding: 5px auto; border-left:1px solid #D2D2D2; border-right: 1px solid #D2D2D2; } #col_4 div#contact { background:url(/images/contact_img.jpg) no-repeat left center; background-position: 10px 10px; padding: 10px 0 10px 70px; } #col_4 div#last { border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding: 4px; height:80px;} #col_4 div#log { height: 118px; } #lin_1 {position:absolute; width:570px; height: 120px; top:350px; left:0px; FONT-SIZE: 11px; COLOR: #666666; } #lin_2 {position:absolute; width:570px; height:150px; top:470px; left:0px; FONT-SIZE: 11px; COLOR: #666666; } #field_index {BACKGROUND:#FFFFFF; width: 150px; height: 90px; } /****** LISTAS *******************************************************************************************************/ #ul_1 { list-style-image: url(/images/orange_arrow.gif); margin-left: 13px; margin-top: 10px; padding-left: 1em; text-indent: 2px; TEXT-DECORATION: none; } #ul_1 li { margin: 0 0 .1em .1em } #ul_2 { list-style-image: url(/images/orange_arrow.gif); margin-left: 2px; margin-top: 10px; padding-left: 1em; text-indent: 2px; } #ul_2 li { margin: 0 0 .1em .1em } /***** TAIL ***********************************************************************************************************/ #tail_index { margin-top: 484px; *margin-top: 487px; _margin-top:497px; padding-bottom: 25px; width: 760px; height: 50px; border-top:1px solid #cccccc; TEXT-ALIGN: left; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 9px; COLOR: #003366; } #tail_index1 { margin-top: 506px; *margin-top: 510px; padding-bottom: 25px; width: 100%; height: 50px; border-top:1px solid #cccccc; TEXT-ALIGN: left; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 9px; COLOR: #003366; } #tail { margin-top:100px; margin-left:-10px; padding-bottom: 25px; width: 760px; height: 50px; border-top:1px solid #cccccc; POSITION:absolute; clear: both; TEXT-ALIGN: left; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 9px; COLOR: #003366; } #tail_list { list-style:none; margin-top: 15px; margin-left: 0px; padding-left:0px; margin-bottom:10px; } #tail_list li { background: url(/images/arrow.gif) left center no-repeat; padding-left: 7px; margin-left: 13px; display: inline; } /****** NOTICIAS *****************************************************************************************************/ #SmallNews { POSITION: absolute; WIDTH: 175; HEIGHT: 78; LEFT: 220px; TOP: 340px; BACKGROUND-IMAGE: url(/images/Small_News.jpg); BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 10px; COLOR: #555555; } #BigNews { POSITION: absolute; WIDTH: 179; HEIGHT: 78; LEFT: 220px; TOP: 430px; BACKGROUND-IMAGE: url(/images/Big_News.jpg); BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 10px; FONT-WEIGHT: none; COLOR: #555555; } .texto { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-ALIGN: left; TEXT-DECORATION: underline; COLOR: #A20A23 } .texto1 { FONT-SIZE: 10px; COLOR: #555555; } .texto_menu { FONT-SIZE: 12px; COLOR: #003366; LEFT:10px; TEXT-ALIGN: justify; } .texto_menu1 { FONT-SIZE: 20px; COLOR: #003366; LEFT:10px; FONT-WEIGHT: bold } /****** LOGIN ********************************************************************************************************/ .input_1 { FONT-SIZE: 7pt; BORDER: #aaaaaa 1px solid; COLOR: #000000; HEIGHT: 10; BACKGROUND: #FFFFFF; } .title { FONT-SIZE: 10px; COLOR: #A20A23; } .botao_1 { COLOR: #A10A23; BACKGROUND: #dcebg4; BORDER-LEFT: #dcebg4 1px solid; BORDER-RIGHT: #dcebg4 1px solid; BORDER-TOP: #dcebg4 1px solid; BORDER-BOTTOM: #dcebg4 1px solid; HEIGHT: 16; WIDTH: 60; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-WEIGHT: none; TEXT-ALIGN: center; VERTICAL-ALIGN:middle; } #Login { POSITION: absolute; WIDTH: 100%; HEIGHT: 78; TOP: 150px; LEFT: 200px; BACKGROUND-IMAGE: url(/images/banners/banner4.jpg); BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 10px; COLOR: #555555; } /****** DIV PRINCIPAL ***********************************************************************************************/ #MainDiv { LEFT: 10px; MARGIN-TOP: 123px; WIDTH: 750px; height: auto; TEXT-ALIGN: justify; } /****** MENU LATERAL ************************************************************************************************/ #content_left h2 {TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE:11px; COLOR:#FFFFFF; margin-top: 15px; margin-left: 10px; FONT-WEIGHT: bold; } #content_left {POSITION: absolute; height: auto; WIDTH: 160px; LEFT: 10px; TOP: 123px; *TOP: 124px; PADDING-LEFT: 0px; } .button_title1 {POSITION: absolute; height: 46px; width:170px; left: 0px; TOP: 0px; BACKGROUND: #3F3E73 url(/images/purple_button.gif); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: 1px solid #000000; } a.lightbutton {POSITION: absolute; height: 46px; width:170px; left: 0px; TOP: 0px; BACKGROUND-IMAGE: url(/images/purple_button.gif); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: 1px solid #000000; TEXT-DECORATION: none; } a.lightbutton:hover {background: url(/images/Darkpurple_button.gif); TEXT-DECORATION: underline; COLOR: #fff; } #left_menu { POSITION: absolute; height: auto; WIDTH: 168px; LEFT: 0px; TOP: 45px; border: 1px solid #cccccc; border-bottom:none; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 10px; background: #DEDEEF url(/images/leftmenu_bg.gif) } #left_menu ul { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; } #left_menu li a, #menu li a:link { color: #000062; text-decoration: none; margin: 0 0 1px 0; padding: 5px 0 5px 10px; display: block; } #left_menu li a:hover { background: #ffffff url(/images/menu_arrow.gif) no-repeat; color: #000062; } a.link_menu, a.link_menu:link, a.link_menu:visited { TEXT-DECORATION: none; COLOR: #000; background: #ffffff url(/images/menu_arrow.gif) no-repeat; } /*a.link_last, a.link_last:link, a.link_last:visited { background: #ffffff url(/images/leftmenu_Shadow.gif); }*/ #left_menu1 { POSITION: absolute; height: auto; WIDTH: 168px; LEFT: 0px; TOP: 45px; border: 1px solid #cccccc; border-bottom:none; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 10px; background: #DEDEEF url(/images/leftmenu_bg1.gif) } #left_menu1 ul { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; } #left_menu1 li a, #menu li a:link { color: #000062; text-decoration: none; margin: 0 0 1px 0; padding: 5px 0 5px 10px; display: block; } #left_menu1 li a:hover { background: #ffffff url(/images/menu_arrow.gif) no-repeat; color: #000062; } a.link_menu, a.link_menu:link, a.link_menu:visited { TEXT-DECORATION: none; COLOR: #000; background: #ffffff url(/images/menu_arrow.gif) no-repeat; } /*a.link_last, a.link_last:link, a.link_last:visited { background: #ffffff url(/images/leftmenu_Shadow.gif); }*/ /******* CONTEUDO ****************************************************************************************************/ .shortcut {POSITION: absolute; LEFT: 10px; TOP: 93px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 9px;} #content_right { POSITION: relative; height: auto; WIDTH: 570px; LEFT: 182px; *LEFT: 180px; TOP: 0px; *TOP: -14px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE: 12px; COLOR: #003366; } #content_right h1 { TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; FONT-SIZE:14px; COLOR:#000000; margin-top: 15px; margin-left:20px;FONT-WEIGHT: bold; } .cont_main {position:relative; padding-top: 80px; margin-top: 70px; WIDTH:570px; } .button_title2 {POSITION: absolute; height: 46px; WIDTH: 570px; LEFT: 0px; TOP: 0px; BACKGROUND: url(/images/lightpurple.gif); BACKGROUND-REPEAT: no-repeat; } .cont_banner { PADDING-TOP: 75px; PADDING-BOTTOM:30px; } #Line { height: auto; WIDTH: 590px; } #Line h3 { FONT-SIZE:13px; COLOR:#000062; FONT-WEIGHT: bold; margin-top: 0px; padding: 5px 0 0 25px; POSITION: relative; height: 26px; LEFT: 0px; BACKGROUND: url(/images/title.gif); BACKGROUND-REPEAT: no-repeat; } #Line div#Col1 { width:280px; float:left; padding-right: 10px;} #Line div#Col2 { width:280px; margin-left: 290px; } .text_1 { COLOR: #111111; BACKGROUND: #ffffff; BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; HEIGHT: 14px; FONT-SIZE: 10px; FONT-WEIGHT: none; FONT-FAMILY: Verdana, Tahoma, Arial; VERTICAL-ALIGN : middle; } #DivIcons { POSITION: absolute; HEIGHT: 300; TEXT-ALIGN: center; ALIGN: center; WIDTH: 100%; TOP: 240px; }