/* Theme Name: Vitaltec Theme URI: http://zoup.com.br/ Description: Template Criado por Zoup Web Agência - Website. Version: 2.7 Author: Lusenildo Dionei Author URI: http://zoup.com.br/ Tags: Zoup, Agência Web Zoup Web Agência v2.6 http://zoup.com.br/ This theme was designed and built by Lusenildo Dionei, whose blog you will find at http://zoup.com.br/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /********************************************************************************************* CONFIGURAÇÕES PADRÃO (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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-align: left; vertical-align: baseline; } /********************************************************************************************* BODY *********************************************************************************************/ body{ background:#FFF;} /********************************************************************************************* Name: zoupframework.css Desenvolvido por: Zoup Web Agência Data de Criação: 01/02/2008 Última Atualização: 05/08/2008 Copyright: zoup.com.br *********************************************************************************************/ /* LAYOUT ***************/ .layout-centro {position:relative;left:50%;} .layout-779 {width:779px;margin-left:-389.5px;} .layout-1024 {width:1024px;margin-left:-512px;} .layout-980 {width:980px;margin-left:-490px;} .layout-960 {width:960px;margin-left:-480px;} .layout-950 {width:950px;margin-left:-475px;} .layout-930 {width:930px; margin-left:-465px;} /* OBJ DEFINIÇÃO ******************/ .left {float:left;} .right {float:right;} .clearThis {clear:both;} .small {font-size:.625em;} .large {font-size:1em;} .soft {color:#D3D3D3;} .hide {display:none;} .img-replace {position:relative;display:block;text-indent:-9000px;overflow:hidden;} a.link-text{width:auto; text-decoration:underline;} a.link-text:hover{background-color:#84C125;text-decoration:none;} #page_texto ul { margin-left:10px; } #page_texto li{ background:url(images/bg_list.gif) no-repeat; padding:0 0 5px 20px; color:#4F5457; list-style:none;} li a {line-height:1.4em;color:#4F5457;} li.last {border:none; background:none;} p { line-height:1.4em;color:#4F5457;margin-bottom:1.2em;} p strong { font-weight:bold;} h2.titulo-principal { font-size:1.6em; font-weight:lighter;} h3.sub-titulo{ font-size:1.3em;} h3.sub-titulo a{ font-size:1.1em; text-decoration:none;} /* Background *********************/ html body{ background:url(images/bg_pagina.jpg) top center no-repeat fixed;} /* Cabeçalho *********************/ #page_cabecalho{position:relative; width:100%; height:47px; background:url(images/bg_cabecalho.jpg) repeat-x; border-bottom:8px solid #1C638D; z-index:9000;} #page_cabecalho h1 { position:absolute; top:9px; left:33px; z-index:1;} #page_cabecalho h1 a{ width:172px; height:138px; background:url(images/logomarca.jpg) no-repeat; border:2px solid #ACC7D0;} /* Menu Principal *********************/ #page_menu_principal{ position:relative; width:600px; left:375px; z-index:9000;} #page_menu_principal li{ width:auto; height:47px; list-style:none; background:url(images/bg_menu_principal.jpg) top right no-repeat; margin:0; padding:0 3px 0 1px; float:left;} #page_menu_principal li.last{ padding-right:0; background:0;} #page_menu_principal li a{ height:47px;} .menu_item_2 a,.menu_item_4 a,.menu_item_6 a,.menu_item_8 a,.menu_item_10 a,.menu_item_12 a{position:relative;display:block;text-indent:-9000px;overflow:hidden;} .menu_item_2 a{ width:77px; background:url(images/m-01.jpg) no-repeat;} .menu_item_4 a{ width:103px; background:url(images/m-02.jpg) no-repeat;} .menu_item_6 a{ width:104px; background:url(images/m-03.jpg) no-repeat;} .menu_item_8 a{ width:104px; background:url(images/m-04.jpg) no-repeat;} .menu_item_10 a{ width:83px; background:url(images/m-05.jpg) no-repeat;} .menu_item_12 a{ width:74px; background:url(images/m-06.jpg) no-repeat;} .menu_item_2 a:hover{ background:url(images/m-01-hover.jpg) no-repeat;} .menu_item_4 a:hover{ background:url(images/m-02-hover.jpg) no-repeat;} .menu_item_6 a:hover{ background:url(images/m-03-hover.jpg) no-repeat;} .menu_item_8 a:hover{ background:url(images/m-04-hover.jpg) no-repeat;} .menu_item_10 a:hover{ background:url(images/m-05-hover.jpg) no-repeat;} .menu_item_12 a:hover{ background:url(images/m-06-hover.jpg) no-repeat;} #page_menu_principal ul ul{width:154px; background:none; margin-top:0;} #page_menu_principal li ul li{ width:154px; height:auto; list-style:none; border:0; margin:0; background:#1C638D; border-bottom:1px solid #09F;} #page_menu_principal li ul li a{width:160px; font-size:0.87em; padding:9px; text-transform:uppercase; color:#FFF; background-image:none; text-decoration:none; width:auto; height:auto; position:inherit; display:inherit; text-indent:0; } #page_menu_principal li ul li a:hover, #page_menu_principal li ul li:hover{ background:#94DB25; color:#FFF;} /* Conteúdo *********************/ #page_conteudo{position:relative; height:auto; z-index:0;} #page_texto{ padding:0 0 0 0;} /* Coluna - 1 *********************/ #col-1{ width:624px; height:auto; margin-right:16px; background:url(images/bg_li_pontilhado.gif) top right repeat-y;} /* Painel *********************/ #page_painel{ position:relative; width:968px; height:321px; border:7px solid #ACC7D0; z-index:0;} /* Notícias *********************/ #page_noticias{ width:320px;} #page_noticias a.class-todas{ width:41px; height:21px; font-size:0.8em; padding:5px 8px 5px 8px; background:#A9A9A9; text-transform:uppercase; text-decoration:none; color:#FFF;} #page_noticias a:hover.class-todas{background:#CCC; color:#000;} #page_noticias h2{ width:91px; height:27px; background:url(images/t-01.png) no-repeat; margin-bottom:10px;} #page_noticias h4{ font-size:0.9em; font-weight:700; margin:0 0 4px 0;} #page_noticias h6{ font-size:0.8em; border-bottom:0.5px dashed #A8A8A8; color:#A8A8A8; margin:0 0 5px 0;} #page_noticias ul li{ list-style:none; margin-top:14px;} #page_noticias ul li a{ font-size:0.9em; text-decoration:none; color:#4F5457; display:block;} #page_noticias ul li a:hover{ text-decoration:underline;} /* Cases *********************/ #page_cases{ width:221px; margin-left:45px;} #page_cases h2{ width:91px; height:27px; background:url(images/t-02.png) no-repeat; margin-bottom:10px;} #page_cases p{font-size:0.9em; line-height:1.4em; color:#4F5457;} #page_cases a{ font-size:0.9em; text-decoration:none; color:#809D31; display:block;} #page_cases img{border:2px solid #ACC7D0;} /* Produtos *********************/ #page_produtos h2{ width:91px; height:27px; background:url(images/t-04.png) no-repeat; margin-bottom:10px;} #page_produtos h3.t-01{ width:91px; height:29px; background:url(images/t-05.png) no-repeat; margin-bottom:8px;} #page_produtos h3.t-02{ width:127px; height:29px; background:url(images/t-06.png) no-repeat; margin-bottom:8px;} #page_produtos ul li{ float:left; list-style:none; margin-left:38px;} #page_produtos ul li.first{margin-left:0;} #page_produtos ul li img{border:2px solid #ACC7D0;} /* Coluna - 2 *********************/ #col-2{ width:340px; height:auto;} /* Soluções *********************/ #page_solucoes h2{ width:91px; height:32px; background:url(images/t-03.png) no-repeat; margin-bottom:10px;} #page_solucoes ul li{ background:url(images/ico-li.gif) no-repeat #AFCDD8; padding:5px 10px 5px 25px; border-top:2px dashed #D6DBDE; list-style:none;} #page_solucoes ul li.first{ padding:8px; background-image:none; border:0;} #page_solucoes ul li p{font-size:0.9em; line-height:1.4em;color:#607D83;} #s-01 a{ width:277px; height:31px; background:url(images/s-01.gif) no-repeat;} #s-02 a{ width:277px; height:31px; background:url(images/s-02.gif) no-repeat;} #s-03 a{ width:277px; height:31px; background:url(images/s-03.gif) no-repeat;} #s-04 a{ width:277px; height:31px; background:url(images/s-04.gif) no-repeat;} #s-05 a{ width:277px; height:31px; background:url(images/s-05.gif) no-repeat;} #s-06 a{ width:277px; height:31px; background:url(images/s-06.gif) no-repeat;} #s-01 a:hover{ background:url(images/s-01-hover.gif) no-repeat;} #s-02 a:hover{ background:url(images/s-02-hover.gif) no-repeat;} #s-03 a:hover{ background:url(images/s-03-hover.gif) no-repeat;} #s-04 a:hover{ background:url(images/s-04-hover.gif) no-repeat;} #s-05 a:hover{ background:url(images/s-05-hover.gif) no-repeat;} #s-06 a:hover{ background:url(images/s-06-hover.gif) no-repeat;} /* RODAPÉ ***************/ #page_rodape{ margin-top:20px; font-size:0.9em; } #page_rodape p.HF{ text-align:center;} #page_rodape a{ font-size:1.0em; color:#676E74; text-decoration:none;} #page_rodape a:hover{text-decoration:underline;} #page_rodape address{ margin-top:20px; padding-top:15px; font-style:normal; font-size:1.0em; color:#000; border-top:1px solid #999; } #page_rodape .page_assinatura{position:relative;top:-45px;right:30px;width:120px;height:45px;display:block;float:right;} #page_rodape .page_assinatura a{display:block;float:right;} /* WORDPRESS ***************/ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }