/* CSS Document */
html *{
margin: 0;
padding:0;
}
ol, ul {
list-style: none;
}
li{
padding: 0 0 5px 0;
}
.spacer{
clear: both;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
background: url(../images/bg_wood.jpg) repeat 0 0;
text-align: center;
}
p{
line-height: 18px;
margin: 0;
padding: 0;
/*text-align: justify;*/
margin-bottom: 15px;
}
#head {
width:802px;
height:76px;
margin-left:10px;
}
h1#logo {
width:259px;
height:76px;
text-indent:-8000px;
background: transparent url(../images/logo.gif) no-repeat 0 0;
}
h1 a {
height:76px;
display:block;
text-decoration:none;
}
h1 a:hover {
text-decoration:none;
background:transparent;
}
h2#home{
width: 340px;
height: 59px;
text-indent: -8000px;
background: transparent url(../images/sites_vibrantes.gif) no-repeat 0 0;
margin-bottom: 10px;
}
h2#portfolio{
width: 421px;
height: 89px;
text-indent: -8000px;
background: transparent url(../images/criactividade_bomgosto.gif) no-repeat 0 0;
margin-bottom: 10px;
}
#wrapper{
margin: 0 auto;
margin-top: 20px;
width: 802px;
text-align: left;
}
#header{
clear: right;
background: transparent url(../images/imagem_topo.jpg) no-repeat 0 0;
position: relative;
width: 802px;
height: 247px;
margin: 0;
}
#navigation {
font-size: 1.2em;
float: right;
margin-bottom: 26px;
}
#navigation ul {
list-style:none;
padding:0;
margin:0;
}
#navigation li { display:inline; }
#navigation a {
display:inline-block;
text-decoration:none;
padding:5px 10px;
background-color:#321a04;
color:#f6cc07;
margin-right:5px;
font-weight: normal;
}
#navigation li.active a{
background-color:#f6cc07;
color:#321a04;
}
#navigation a:hover {
background-color:#f6cc07;
color:#321a04;
}
#decorativo{
position: absolute;
top: -19px;
left: 446px;
}
#decorativo2{
position: absolute;
top: -26px;
left: -53px;
}
#content{
font-size: 1.2em;
color: #fff;
float: left;
width: 802px;
display: inline;
margin-top: 60px;
}
#content_left{
float: left;
width: 445px;
margin-left: 10px;
display: inline;
}
#content_right{
float: right;
width: 292px;
margin-right: 10px;
display: inline;
}
#featured{
width: 292px;
}
#featured ul {
clear:both;
list-style:none;
margin:0;
padding:0;
}
#featured ul li{
width:40px;
height:50px;
float:left;
padding:0;
padding-bottom:4px;
margin:10px 11px 0 0;
/*border:1px solid #E0E2C5;*/
text-align:center;
}
#featured img{
float:left;
margin:0;
clear:both;
cursor:pointer;
border:2px solid #c3e35d;
width:40px;
height:45px;
}
#featured ul li img:hover{
border:2px solid #f6cc07;
}
#ajaxSearch_form{
width: 292px;
margin-bottom: 35px;
}
#ajaxSearch_input{
width: 204px;
height: 18px;
background-color: #321a04;
color: #fff;
padding-top: 5px;
border: 2px solid #c3e35c;
}
#ajaxSearch_input:focus{
border-color: #f6cc07;
}
#ajaxSearch_submit{
width: 77px;
height: 25px;
background-color: #321a04;
color: #f6cc07;
border: none;
outline: none;
}
.news h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px;
}
.news h3 a{
color: #fff;
text-decoration: none;
}
.news h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c3e35d;
}
h2#noticias{
width: 103px;
height: 23px;
text-indent: -8000px;
background: transparent url(../images/noticias.gif) no-repeat 0 0;
margin-bottom: 18px;
margin-top: 18px;
}
h2#trabalhos_destaque{
width: 264px;
height: 29px;
text-indent: -8000px;
background: transparent url(../images/trabalhos_destaque.gif) no-repeat 0 0;
margin-bottom: 18px;
}
h2#trabalhos{
width: 127px;
height: 123px;
text-indent: -8000px;
background: transparent url(../images/trabalhos.gif) no-repeat 0 0;
margin-bottom: 18px;
}
h2#trabalhos{
width: 127px;
height: 23px;
text-indent: -8000px;
background: transparent url(../images/trabalhos.gif) no-repeat 0 0;
margin-bottom: 18px;
}
a.ler_mais:link,a.ler_mais:visited{
color: #c3e35d;
font-weight: bold;
}
a.ler_mais:hover{
text-decoration: none;
}
#footer{
margin-top: 15px;
background-color: #321a04;
}
#navigation_footer{
float: left;
}
#navigation_footer li{
list-style: none;
font-size: 1.2em;
float: left;
padding: 13px 12px;
background: transparent url(../images/separador.gif) no-repeat 0 50%;
}
#navigation_footer li.first{
background: transparent;
}
#navigation_footer a:link, #navigation_footer a:visited{
color: #f6cc07;
text-decoration: none;
font-weight: normal;
}
#navigation_footer a:hover{
color: #fff;
}
#navigation_footer li.active a{
color: #fff;
}
p.copyright{
text-align: right;
font-size: 1.2em;
color: #fff;
padding: 13px 12px;
}
p#w3c{
line-height: 0;
font-size: 1.2em;
color: #fff;
text-align: right;
padding-right:12px;
}
p#w3c a:link, p#w3c a:visited {
color: #c3e35d;
padding-left: 15px;
background: transparent url(../images/seta_validator.gif) no-repeat 0 50%;
text-decoration: none;
font-weight: normal;
}
p#w3c a:hover{
color: #fff;
background: transparent url(../images/seta_validator_over.gif) no-repeat 0 50%;
text-decoration: none;
}
p.trabalho_descricao{
float: left;
width: 250px;
}
ul.role{
float: right;
width: 150px;
margin:0;
padding:0;
list-style:none;
margin-top:10px;
margin-bottom: 15px;
}
ul.role li {
display:block;
background:url(../images/bullet_portfolio.gif) top left no-repeat;
margin:3px 0 0 3px;
padding:2px 0 5px 22px;
border-bottom:1px dashed #c38f00;
}
.workshot {
border:4px solid #c3e35d;
margin-bottom:15px;
}
.visitarSiteLink {
background:url(../images/visitar_site.gif) 0 50% no-repeat;
padding-left:15px;
}
fieldset {
border:none;
}
legend {
font-size:2em;
padding:0px;
font-weight:bold;
}
label, input, textarea {
display:block;
}
label {
font-size:12px;
}
input, textarea {
margin-top:5px;
}
input:focus, textarea:focus {
border: 2px solid #f6cc07;
}
.text {
width:65%;
height: 15px;
background-color: #321a04;
color: #fff;
border: 2px solid #c3e35c;
padding: 5px;
}
.text2 {
width:80%;
background-color: #321a04;
color: #fff;
border: 2px solid #c3e35c;
padding: 5px;
}
.button{
background-color: #321a04;
color: #f6cc07;
border: none;
padding: 3px;
cursor: pointer;
}
input.button:focus{
border: none;
}
.hide{
display: none;
}
.required{
color: #f6cc07;
font-size: 16px;
}
h2#contactos{
width: 438px;
height: 59px;
text-indent: -8000px;
background: transparent url(../images/entre_em_contacto.gif) no-repeat 0 0;
margin-bottom: 15px;
}
h2#chama_digital{
width: 182px;
height: 29px;
text-indent: -8000px;
background: transparent url(../images/chama_digital.gif) no-repeat 0 0;
margin-bottom: 15px;
}
a:link,a:visited{
color: #c3e35d;
font-weight: bold;
}
a:hover{
text-decoration: none;
}
h2#sobre_mim{
width: 444px;
height: 59px;
text-indent: -8000px;
background: transparent url(../images/sobre_mim.gif) no-repeat 0 0;
margin-bottom: 10px;
}
#content_left h3{
text-transform: capitalize;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px;
}
ul.programacao{
width: 200px;
margin:0;
padding:0;
margin-left: 20px;
list-style:none;
margin-bottom:15px;
}
ul.programacao li {
display:block;
background:url(../images/bullet_portfolio.gif) top left no-repeat;
margin:3px 0 0 3px;
padding:2px 0 5px 22px;
border-bottom:1px dashed #c38f00;
}
h2#servicos{
width: 376px;
height: 59px;
text-indent: -8000px;
background: transparent url(../images/qualidade_e_criatividade.gif) no-repeat 0 0;
margin-bottom: 10px;
}
.template_links li{
display: inline;
padding-right: 25px;
}
h2#templates{
margin-bottom: 10px;
width: 637px;
height: 29px;
background:url(../images/open_source_templates.gif) no-repeat 0 0;
text-indent: -9000px;
}
.template_left{
float: left;
width: 372px;
margin-left: 10px;
margin-right: 35px;
margin-bottom: 25px;
display: inline;
}
.template_right{
float: right;
width: 372px;
margin-bottom: 25px;
margin-right: 10px;
display: inline;
}
ul.role_templates{
width: 200px;
margin:0;
padding:0;
list-style:none;
margin-bottom: 15px;
}
ul.role_templates li {
display:block;
margin:3px 0 0 3px;
padding:2px 0 5px 0;
border-bottom:1px dashed #c38f00;
}
p.tpl{
margin-left: 10px;
margin-right: 10px;
}
/*///////////////////// CONTACTFORM AJAX //////////////////////////////////////*/
div#response
{
text-align: left;
font-weight: bold;
}
div#response p{
margin: 3px;
}
#main{ position: relative; }
#main img.loaderIcon
{
width: 32px;
position: absolute;
top: 440px;
left: 130px;
}