/* CSS Document */ /* ------------------------------------------- project: cesarzeppini.com.br author: Cesar Zeppini - cesarzeppini.com.br date: 2010/04/01 ------------------------------------------- */ html, body {height:100%;} body { margin: 0; padding:0; color: #333; font: 13px Arial, Helvetica, sans-serif; background:#FFF url(http://images.cesarzeppini.com.br/bg_main.gif) left top repeat-x; overflow-x:hidden;} textarea, input, select, option, optgroup, button {color: #b3b3b3; font:14px Arial,Helvetica,sans-serif; font-weight:bold; margin:0; padding:0; letter-spacing:-1px;} br.clear,div.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;} .noscreen {display:none;} /* RE-SETS ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } li, dt, dd, p, th, td, caption, blockquote { font-size: 1.2em; } ul, ol, dl, p { margin-bottom: 10px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } abbr, acronym { border: none; cursor: help; } form, label, fieldset {margin:0; padding:0;} fieldset, img { border: none; } button { overflow: visible; cursor: pointer; } legend { display: none; } pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; } a, a:active, a:focus { color: #0086c7; text-decoration: none; font-weight:bold; } a:hover { text-decoration: underline; } a:active, a:focus, a:hover {outline: none;} p, blockquote {line-height:18px; font-size:13px;} q {margin:0; padding:0; font-size:18px;} /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif; color:#0086c7; letter-spacing:-1.5px;} h1 { font-size: 3.2em; } h2 { font-size: 30px; letter-spacing:-2px; font-weight:normal; } h2 a { color:#0a4f71; } h3 { font-size: 26px; } h4 { font-size: 26px; } h5 { font-size: 1.6em; } h6 { font-size: 1.3em; } /* GENERAL ------------------------------------------- */ /* LAYOUT ------------------------------------------- */ #warning {border-bottom:1px solid #0096d6; background:#67cfec; padding:15px; text-align:center; font-size:12px; color:#333; opacity:0.90; -moz-opacity:0.90; filter:alpha(opacity=90); position:fixed; top:0; z-index:20; width:100%; font-size:18px;} #site {width:950px; margin:0 auto; position:relative; height:auto;} h1 {width:191px; height:78px; background:url(http://images.cesarzeppini.com.br/logotipo-cesarzeppini.png) left top no-repeat; margin:35px 0 27px 0; padding:0; overflow:hidden;} h1 a {height:0; min-height:0; display:block; padding:400px 0 0 0;} #portfolio {margin:0 0 28px 0;} #portfolio .projeto {width:930px; height:280px; margin:0; padding:0; overflow:hidden;} #portfolio .projeto a {height:0; min-height:0; display:block; padding:1000px 0 0 0;} #portfolio .projeto ul {margin:0; padding:0;} #portfolio .projeto ul li {margin:0; padding:0; list-style-type:none;} #slogan {font-size:48px; text-align:center; font-weight:600; letter-spacing:-3px; width:750px; margin:-20px auto 50px auto; color:#0096d6;} #solucoes {width:275px; float:left; margin:0 50px 0 0;} #solucoes h3 {width:268px; height:50px; background:url(http://images.cesarzeppini.com.br/titulos-h2.png) left top no-repeat; text-indent:-10001px;} #solucoes p {text-align:justify;} #solucoes p a {font-size:18px; color:#0086c7; font-weight:bold;} #consultor {width:275px; float:left; margin:0 50px 0 0;} #consultor h3 {width:268px; height:50px; background:url(http://images.cesarzeppini.com.br/titulos-h2.png) left -50px no-repeat; text-indent:-10001px;} #consultor p {text-align:justify;} #consultor p a {font-size:18px; color:#0086c7; font-weight:bold;} #depoimentos {width:275px; float:left;} #depoimentos h3 {width:268px; height:50px; background:url(http://images.cesarzeppini.com.br/titulos-h2.png) left -100px no-repeat; text-indent:-10001px;} #depoimentos cite {font-style:normal;} #depoimentos blockquote {margin:0; padding:0;} #depoimentos p {text-align:justify;} #depoimentos p a {font-size:12px; color:#0086c7; font-weight:bold;} #footer {background:#effafd; border-bottom:1px solid #e1f5fb; border-top:1px solid #e1f5fb; padding:25px 0; clear:both; margin:40px 0 0 0;} #footer #contato {width:950px; margin:0 auto; position:relative;} #footer #contato #contato-chamada {width:315px; height:100px; float:left; background:url(http://images.cesarzeppini.com.br/icon-chave.gif) right 5px no-repeat;} #footer #contato #contato-chamada h4 {margin:0; padding:0;} #footer #contato #contato-chamada p {color:#657682; margin:5px 0 0 0; width:270px;} #footer #contato #contato-info {width:310px; height:70px; padding:30px 0 0 40px; float:left; background:url(http://images.cesarzeppini.com.br/icon-chave.gif) right 5px no-repeat;} #footer #contato #contato-info p.phone {font-size:30px; color:#0086c7; letter-spacing:-1px;} #footer #contato #contato-info p.phone em {font-style:normal;} #footer #contato #contato-info p.email a {font-size:18px; color:#0a4f71; letter-spacing:-0.5px; font-weight:normal;} #footer #contato #contato-info p.email a em {font-style:normal;} #footer #contato h5#bt-mensagem {width:170px; height:70px; padding:30px 0 0 30px; float:left; margin:0;} #footer #contato h5#bt-mensagem a {color:#0086c7; font-size:18px; font-weight:normal; letter-spacing:-1px; text-transform:lowercase; line-height:18px;} #footer #contato h5#bt-mensagem a span {display:block; font-size:30px;} #footer #contato h5#bt-mensagem a:hover {text-decoration:none;} #footer #contato #form_contato {width:243px; height:263px; padding:10px 0 0 13px; background:url(http://images.cesarzeppini.com.br/bg_form_contato.png) left top no-repeat; z-index:5; position:absolute; right:0; top:-130px;} #footer #contato #form_contato p.fechar {font:10px Arial, Helvetica, sans-serif; position:absolute; bottom:10px; left:15px; text-transform:lowercase;} #footer #contato #form_contato p.fechar a {color:#c1e4ee;} #footer #contato #form_contato h6 {color:#FFF; font-size:26px; letter-spacing:-1px; margin:0; padding:0; line-height:24px;} #footer #contato #form_contato p {color:#c1e4ee; margin:0 0 8px 0; padding:0; letter-spacing:-0.5px;} #footer #contato #form_contato label {display:none;} #footer #contato #form_contato input {width:211px; height:16px; padding:8px; background:url(http://images.cesarzeppini.com.br/bg_inputs.png) left top no-repeat; background-color:transparent; border:none; margin:0 0 8px 0;} #footer #contato #form_contato textarea {background-color:transparent; border:none; width:211px; height:71px;} #footer #contato #form_contato .textarea {width:211px; height:71px; padding:8px; background:url(http://images.cesarzeppini.com.br/bg_inputs.png) left bottom no-repeat; margin:0 0 8px 0;} #footer #contato #form_contato button {width:77px; height:27px; color:#828181; text-shadow:#e7e7e7 1px 1px; background:url(http://images.cesarzeppini.com.br/bt_form.png) left top no-repeat; background-color:transparent; border:none; text-transform:lowercase; font-weight:normal; font-size:13px; float:right; margin:0 15px 0 0; letter-spacing:-1px;} #footer #contato #form_contato img {float:right; margin:5px 15px 0 0;} #copyright {text-align:center; color:#6f939d;} #copyright p {line-height:50px; margin:0; padding:0;} #titulo-secao {width:850px; height:120px; padding:40px; background:url(http://images.cesarzeppini.com.br/bg_topo_interno.png) left top no-repeat;} #titulo-secao p {margin:0; padding:0; color:#cdecf6;} #titulo-secao p a {color:#cdecf6;} #titulo-secao h2 {color:#FFF; line-height:40px; margin:0; padding:0; font-size:36px;} /* ELEMENTS ------------------------------------------- */ #methodology {width:950px; height:600px; background:url(http://images.cesarzeppini.com.br/approuch.gif) left top no-repeat; text-indent:-10001px;} #methodology ul {margin:0; padding:0;} #methodology ul li {margin:0; padding:0; list-style-type:none;} #cases {margin:0; padding:0;} #cases li {margin:0; padding:0; list-style-type:none; display:block; text-align:justify;} #cases li img {float:left; padding:10px 10px 50px 10px; background:url(http://images.cesarzeppini.com.br/bg_mini_banner.png) left top no-repeat; margin-right:20px;} #cases li p {text-align:justify; line-height:22px;} /* FORM VALIDATE JQUERY PLUGIN */ #footer label.error {position:absolute; right:10px; z-index:10; margin-top:-3px; float:left; font-size:11px; background-color:#c00; color:#FFF; padding:3px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #footer .textarea label.error {margin-top:-11px;} #form_contato_page label {float:left; width:100px; text-align:right; margin-right:15px; font-size:16px;} #form_contato_page input, #form_contato_page textarea {float:left; padding:5px; border:1px solid #AAA; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-weight:normal; color:#333; font-size:12px; letter-spacing:normal; width:220px; font-size:16px;} #form_contato_page textarea {height:100px;} #form_contato_page input:focus, #form_contato_page textarea:focus {border-color:#0086c7; background-color:#e3eff2;} #form_contato_page div {margin-top:10px;} #form_contato_page button {border:1px solid #0086c7; background-color:#e3eff2; padding:5px 10px; color:#2b5469; margin-left:115px; margin-top:10px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; font-weight:normal; letter-spacing:normal; font-size:12px; text-transform:lowercase;} #form_contato_page button:hover {border-color:#2b5469;} #form_contato_page label.error {position:relative; font-size:10px; width:120px; margin-left:-120px; margin-top:-3px; z-index:10; font-size:11px; background-color:#c00; color:#FFF; padding:3px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}