/* * Recorte por: * Guilherme Bragança * Data: 27/01/2010 */ html, body {height:100%;} #container {position:relative; min-height:100%;} * html #container {height:100%; /* hack para IE6 hq trata height como min-height */} #content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;} #content {padding-bottom:295px; padding-top:51px; background:url(../pics/bg-content.jpg) top center no-repeat;} body#nosprod #header-in {height:258px !important; background:url(../pics/bg-header_in_02.jpg) center top no-repeat !important; background-position:57px 43px !important;} body#prof #header-in {height:258px !important; background:url(../pics/bg-header_in_03.jpg) center top no-repeat !important; background-position:57px 43px !important;} body#emed #header-in {height:258px !important; background:url(../pics/bg-header_in_04.jpg) center top no-repeat !important; background-position:57px 43px !important;} body#einf #header-in {height:258px !important; background:url(../pics/bg-header_in_05.jpg) center top no-repeat !important; background-position:57px 43px !important;} body#prof #chromemenu, body#emed #chromemenu, body#einf #menu_einf {visibility:hidden;} body#prof #menu_prof {visibility:visible;} body#emed #menu_emed {visibility:visible;} body#einf #menu_einf {visibility:visible;} /*** HEADER ***/ #header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x; margin-bottom:53px;} #header-in {height:320px; background:url(../pics/bg-header_in.jpg) center top no-repeat; background-position:57px 43px; z-index:1;} #menu_prof {visibility:hidden;} #menu_emed {visibility:hidden;} #menu_einf {visibility:hidden;} /*** MAINCONTENT GERAL ***/ #mainContent {width:885px; margin:0 auto;} /* home */ .main {width:883px; float:left; margin-bottom:22px;} .caixa {float:left; display:inline; position:relative;} #caixa01 {width:197px; height:320px; margin-right:30px; background:url(../pics/img-caixa01.jpg) no-repeat bottom;} .subli {width:158px; height:93px; border-bottom:1px solid #eaced0; margin-bottom:20px; margin-left:19px;} #caixa02, #caixa03, #caixa04 {width:206px; padding-bottom:40px; position:relative; cursor:pointer;} #caixa03 {margin:0 19px;} #alpha01, #alpha02, #alpha03 {visibility:hidden; width:206px; height:325px; position:absolute; left:0; top:0; background:#fff; background:url(../pics/alpha.png); z-index:2;} #query-in {width:885px; height:212px; position:relative;} #query-top {background:url(../pics/bg_query_top.jpg) top no-repeat;} #query-bot {background:url(../pics/bg_query_bot.jpg) bottom no-repeat;} #chamadas {margin-bottom:0 !important; position:relative; height:173px;} .cham {width:200px; height:193px; float:left; display:inline; position:absolute; bottom:-20px; z-index:1;} #cham01 {background:url(../pics/img-cham01.jpg) no-repeat; left:-2px;} #cham02 {background:url(../pics/img-cham02.jpg) no-repeat; left:227px;} #cham03 {background:url(../pics/img-cham03.jpg) no-repeat; right:227px;} #cham04 {background:url(../pics/img-cham04.jpg) no-repeat; right:-2px;} /* jQuery */ div.thumbs { width:100%; overflow:hidden; } div.thumbs div.content { width:736px; overflow:hidden; margin-left:75px; margin-top:47px; } div.thumbs.index div.content { width:736px; float:left; } div.thumbs ul {width:7000px;} div.thumbs li { float:left; margin-right:20px; width:88px; display:inline; } div.thumbs li a img {width:88px; height:116px;} div.thumbs li a{ margin:0; } /* internas */ #mainContent-int {width:645px; float:left; display:inline; padding-bottom:50px;} div.list {margin-top:50px;} #fila01, #fila02 {width:250px; float:left; display:inline;} #fila01 {border-right:1px solid #6f66a3;} #fila02 {margin-left:20px;} #img_prof_int {float:left; width:656px; height:166px; background:url(../pics/img_prof_int.jpg) no-repeat;} #img_emed_int {float:left; width:656px; height:164px;} #img_emed_int a {display:block; width:656px; height:164px; background:url(../pics/img_emed_int.jpg) no-repeat;} #artigos_int, #downloads_int {position:relative; float:left; margin-top:14px; padding-bottom:25px; width:656px;} #softedu, #clubinh {float:left; height:250px; margin-top:25px; display:inline; position:relative;} #softedu a, #clubinh a {position:absolute; display:block; width:66px; height:23px; background:url(../pics/vejamais.jpg) no-repeat;} #softedu a {right:81px; bottom:15px;} #clubinh a {right:29px; bottom:0;} #softedu a:hover, #clubinh a:hover{background-position:0 -23px;} #softedu {background:url(../pics/img_softedu.jpg) no-repeat; width:328px; margin-right:35px;} #clubinh {background:url(../pics/img_club.jpg) no-repeat; width:281px;} #jornal, #outros {float:left; display:inline; position:relative; margin-top:37px;} #jornal {width:430px; margin-right:15px;} #outros {width:199px;} #bg-inf {float:left; background:url(../pics/bg-inf.jpg) center no-repeat; width:1000px; height:182px;} .bordas_depo {padding:15px 0; border-top:1px solid #585083;} #list-produtos ul li {float:left; display:inline; margin:15px;} #list-produtos ul li a {display:block; width:125px; height:166px;} #list-wall {} #list-wall ul li, #list-cart ul li, #list-quad ul li {float:left; display:inline; margin:5px;} #list-wall ul li a, #list-cart ul li a {border:5px solid #585083; display:block; width:167px; height:125px;} #list-wall ul li a:hover, #list-cart ul li a:hover {border:5px solid #6f66a3;} #list-cart {} #list-cart ul li a {height:145px !important;} #list-quad {margin-top:10px; margin-left:98px;} #list-quad ul li a {border:5px solid #585083; display:block; width:202px; height:119px;} #list-quad ul li a:hover {border:5px solid #6f66a3;} /* formulário de contato */ /*** SIDEBAR ***/ #sidebar {width:240px; margin-left:57px; float:left; display:inline; margin-bottom:50px;} body#einf #sidebar #a_einf {display:none;} body#emed #sidebar #a_emed {display:none;} body#prof #sidebar #a_prof {display:none;} body#prof #sidebar, body#emed #sidebar, body#einf #sidebar {width:228px !important;} /*** FOOTER ***/ #footer-out {position:absolute; bottom:0; width:100%; background:url(../pics/bg-footer_out.jpg) repeat-x;} #footer-in {height:295px;} #phoco {position:absolute; right:54px; bottom:0; width:75px; height:44px; background:url(../pics/lg-phoco.jpg) no-repeat;} #mapasite {width:885px; margin-left:57px; padding-top:18px;}