@charset "utf-8";
/* CSS Document */

*{
border:0;
list-style:none;
margin:0;
outline:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
}

html, body{
height:100%;
}
	
body{
background:#000;
color:#fff;
font:100% "Trebuchet Ms", Arial, Helvetica, sans-serif;
}

/*CONTAINER*/
#container{
min-height:100%;
position:relative;
width:100%;
}

/*hack para IE6 que trata height como min-height*/
*html #container{
height:100%;
}

/*-----WRAPPERS-----*/
#wrapper-header, wrapper-footer{
margin:0 auto;
width:1000px;
}

/*HEADER*/
#header{
background:url("../images/bg_header.png") repeat-x top center;
height:349px;
width:100%;
}

#wrapper-header{
padding-top:20px;
position:relative;
}

/*marca da Spark*/
h1.logo{
background:url("../images/brand.png") no-repeat;
height:125px;
margin:0 auto;
*margin-bottom:40px;
width:275px;
}

h1.logo a{
display:block;
height:125px;
overflow:hidden;
text-indent:-9999em;
width:275px;
}

/*marca da ITE*/
h2.ite{
background:url("../images/brand_ite.png") no-repeat;
height:120px;
position:absolute;
top:10px;
right:65px;
width:145px;
}

h2.ite a{
display:block;
height:120px;
overflow:hidden;
text-indent:-9999em;
width:145px;
}

/*MENU*/
#menu{
height:200px;
margin:0 auto;
width:1024px;
}


/*CONTENT*/
#content{
background:url("../images/bg_content.png") no-repeat top center;
display:table;
margin:0 auto;
margin-bottom:100px;
padding:70px 0;
width:925px;
}

body:nth-of-type(1) #content{
margin-bottom:0;
padding-bottom:180px;
}

/*TÍTULOS DAS SEÇÕES*/
#content h3.aboutus{
background:url("../images/title_aboutus.png") no-repeat;
height:129px;
margin:0 0 10px 0;
width:100%;
}

#content h3.whatwedo{
background:url("../images/title_whatwedo.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content h3.howwedo{
background:url("../images/title_howwedo.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content h3.projects{
background:url("../images/title_projects.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content h3.blog{
background:url("../images/title_blog.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content h3.clients{
background:url("../images/title_clients.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content h3.contact{
background:url("../images/title_contact.png") no-repeat;
height:129px;
margin:0 0 20px 0;
width:100%;
}

#content span.ghost{
display:none;
}

/*BLOG*/
#blog{
float:left;
width:502px;
}

/*POSTS DA PÁGINA INICIAL*/
.post{
background:url("../images/bg_post.png") no-repeat;
height:215px;
margin-bottom:40px;
padding:18px 15px 20px 20px;
width:467px;
}

.post h3 a{
color:#f2f2f2;
float:left;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
padding-bottom:40px;
}

.post h3 a:hover{
color:#ccc;
}

.post h3 span.date{
color:#000;
float:right;
font-size:24px;
font-weight:normal;
letter-spacing:-2px;
}

.post p{
color:#f2f2f2;
font-size:12px;
line-height:160%;
padding-bottom:10px;
}

embed{
margin:20px 0;
}

/*DESTAQUES*/
#headlines{
float:left;
margin-left:50px;
width:373px;
}

/*NOVOS PROJETOS*/
#newprojects{
background:url("../images/bg_newprojects.png") no-repeat;
float:left;
height:454px;
padding:20px;
width:333px;
}

#newprojects h3{
color:#e5a235;
font-size:18px;
font-weight:normal;
padding-bottom:40px;
text-transform:uppercase;
}

#newprojects span{
color:#fff;
text-transform:none;
}

/*TWITTER*/
#twitter_div{
background:url("../images/bg-twitter.png") no-repeat;
float:left;
height:243px;
margin-top:40px;
padding:15px 20px 20px 20px;
width:333px;
}

#twitter_div h3{
color:#e5a235;
font-size:18px;
font-weight:normal;
padding-bottom:45px;
text-transform:uppercase;
}

#twitter_div ul li{
color:#fff;
font-size:11px;
margin-bottom:10px;
list-style:none;
}

#twitter_div ul li a{
color:#E5A235;
padding:0 2px;
}

#twitter_div ul li a:hover{
background:#E5A235;
color:#000;
}

/*ÁREA RESTRITA*/
#restrictarea{
background:url("../images/bg_restrictarea.png") no-repeat;
float:left;
height:200px;
margin-top:40px;
padding:20px;
width:333px;
}

#restrictarea h3{
font-size:18px;
font-weight:normal;
color:#e5a235;
padding-bottom:50px;
text-transform:uppercase;
}

#restrictarea p{
font-size:12px;
padding-bottom:25px;
}

#restrictarea form fieldset{
border:0;
}

input.left{
background:#3b3b3b;
border:0;
color:#f2f2f2;
float:left;
font:12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:20px;
margin:1px 0 0 0;
padding:5px 10px 4px 10px;
width:120px;
}

input.right{
background:#3b3b3b;
border:0;
color:#f2f2f2;
float:left;
font:12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:20px;
margin:1px 0 0 10px;
padding:5px 10px 4px 10px;
width:120px;
}

/*BOTÕES*/
button{
border:0;
cursor:pointer;
overflow:hidden;
text-indent:-5000px;
}

/*botão leia mais*/
.readmore{
background:url("../images/btn_readmore.png") no-repeat;
float:right;
height:29px;
margin:12px 5px 0 0;
text-indent:-9999px;
width:91px;
}

.readmore:hover{
background:url("../images/btn2_readmore.png") no-repeat;
}

/*botão veja mais*/
.seemore{
background:url("../images/btn_seemore.png") no-repeat;
float:right;
height:29px;
margin:20px 5px 0 0;
text-indent:-9999px;
width:109px;
}

.seemore:hover{
background:url("../images/btn2_seemore.png") no-repeat;
}

/*botão saiba mais*/
.knowmore{
background:url("../images/btn_knowmore.png") no-repeat;
float:right;
height:29px;
margin:20px 5px 0 10px;
text-indent:-9999px;
width:91px;
}

.knowmore:hover{
background:url("../images/btn2_knowmore.png") no-repeat;
}

button.btn_login{
background:url("../images/btn_restrictarea.png") no-repeat;
float:left;
height:30px;
margin-left:10px;
width:30px;
}

button.btn_login:hover{
background:url("../images/btn2_restrictarea.png") no-repeat;
}

/*RODAPÉ*/
#footer{
background:url("../images/bg_footer.png") repeat-x bottom center;
bottom:0;
padding-top:55px;
position:absolute;
width:100%;
}

#footer_top, #footer_bottom{
display:table;
font-size:12px;
margin:0 auto;
width:925px;
}

/*subnavegação*/
#subnav{
text-align:center;
}

#subnav ul{
color:#b1afaf;
}

#subnav ul li{
display:inline;
margin:0 auto;
}

#subnav ul li a{
color:#b1afaf;
padding:0 3px 0 3px;
}

#subnav ul li a:hover{
color:#fff;
}

.sub_inner{
float:right;
}

.sub_simple{
padding-bottom:7px;
}

/*área restrita*/
#restrict{
float:left;
width:430px;
}

#restrict fieldset{
border:0;
}

#restrict h3{
color:#e5a235;
float:left;
font-size:18px;
font-weight:normal;
margin:5px 10px 0 0;
text-transform:uppercase;
}

/*copyright*/
#copyright{
color:#000;
float:left;
padding-bottom:5px;
}

#copyright a{
color:#000;
}

#copyright a:hover{
background:#000;
color:#fff;
}

/*endereço*/
#adress{
color:#000;
float:right;
padding-bottom:5px;
text-align:right;
}

#adress p{
line-height:120%;
}

#adress a{
color:#000;
}

#adress a:hover{
background:#000;
color:#fff;
}

/*SOBRE NÓS*/
#text{
display:table;
padding-bottom:70px;
}

#text h4{
color:#E5A235;
}

#text p{
font-size:14px;
line-height:140%;
padding-bottom:20px;
}

/*listas*/
#text ul.lista{
background:none;
font-size:14px;
padding:2px 4px;
margin-bottom:20px;
}

#text ul.lista li{
line-height:170%;
list-style:circle;
margin-left:30px;
padding-left:10px;
}

/*link*/
#text p a{
color:#E5A235;
font-size:14px;
padding:0 2px;
}

#text p a:hover{
background:#E5A235;
color:#000;
}

/*listas com links*/
#text ul li a{
background:none;
color:#E5A235;
font-size:14px;
padding:2px 4px;
}

#text ul li a:hover{
background:#363636;
color:#E5A235;
}


/*SERVICE*/
#service{
display:table;
padding-bottom:20px;
width:100%;
}

#service h3{
color:#E5A235;
font-weight:normal;
margin-top:10px;
}

/*PROJETOS*/


/*CONTATO*/
#formcontact{
border-right:2px solid #2f2e2f;
display:table;
float:left;
padding-right:10px;
padding-bottom:100px;
width:540px;
}

#formcontact form fieldset{
border:0;
float:left;
}

#formcontact ul li{
display:block;
}

#formcontact form fieldset label{
color:#f2f2f2;
float:left;
font-size:20px;
margin-top:4px;
padding:15px 10px 10px 0;
text-align:right;
width:120px;
}

#formcontact form fieldset input{
background:url("../images/bg_inputcontact.png") no-repeat;
border:0;
color:#f2f2f2;
float:right;
font-size:20px;
height:36px;
margin:1px 0 8px 0;
padding:15px 10px 0px 10px;
width:372px;
}

#formcontact form fieldset textarea{
background:url("../images/bg_textareacontact.png") no-repeat;
border:0;
color:#f2f2f2;
float:right;
font:20px "Trebuchet Ms", Arial, Helvetica, sans-serif;
height:200px;
margin:0 0 20px 0;
padding:12px 10px 0px 10px;
width:372px;
}

#formcontact input.send{
background:url("../images/btn_send.png") no-repeat;
cursor:pointer;
float:right;
height:29px;
overflow:hidden;
text-indent:-9999px;
width:91px;
}

#formcontact input.send:hover{
background:url("../images/btn2_send.png") no-repeat;
}

/*POSTS DA PÁGINA INICIAL*/
/*BLOG*/
#page-blog{
float:left;
width:550px;
}

.postblog{
background:url("../images/bg_postblog.png") no-repeat;
margin-bottom:40px;
padding:18px 15px 50px 20px;
width:515px;
}

.postblog h3 a{
color:#f2f2f2;
float:left;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
padding-bottom:40px;
}

.postblog h3 a:hover{
background:none;
color:#ccc;
}

.postblog h3 span.date{
color:#000;
float:right;
font-size:24px;
font-weight:normal;
letter-spacing:-2px;
}

.postblog p{
color:#f2f2f2;
font-size:12px;
line-height:160%;
padding-bottom:20px;
}

.postblog p a{
background:#e5a235;
color:#000;
padding:0 2px;
}

.postblog p a:hover{
background:none;
color:#fff;
text-decoration:underline;
}

.navigation{
text-align:center;
width:515px;
}

object{
width:100%;
}

/*SIDEBAR*/
#sidebar{
float:left;
margin-left:50px;
width:320px;
}

#sidebar h3{
color:#e5a235;
font-size:18px;
font-weight:normal;
padding-bottom:40px;
text-transform:uppercase;
}

/*categorias*/
.list-sidebar{
background:url("../images/bg_categories.png") no-repeat;
min-height:380px;
padding:18px 15px 0px 20px;
width:295px;
}

.list-sidebar ul li a{
background:#e5a235;
color:#000;
font-size:12px;
padding:0 2px;
}

.list-sidebar ul li a:hover{
background:none;
color:#fff;
}

.navigation a{
background:#e5a235;
color:#000;
font-size:12px;
padding:0 2px;
}

.navigation a:hover{
background:none;
color:#fff;
}

/*ENDEREÇO*/
#local{
float:right;
padding-left:20px;
line-height:160%;
text-align:right;
width:300px;
}

#local h6{
color:#e5a235;
display:inherit;
font-size:18px;
font-weight:normal;
margin:5px 0 0 0;
text-transform:uppercase;
}

#local a{
background:#363636;
color:#f2f2f2;
padding:2px 4px;
}

#local a:hover{
background:none;
color:#f2f2f2;
}

/*CLIENTES*/
.clients-brand{
margin:25px auto;
}

.clients-brand ul li{
float:left;
margin-right:25px;
margin-bottom:25px;
}

.clients-brand ul li a,ul li a img{
overflow:hidden;
float:left;
}

.clients-brand ul  li a:hover{
border:5px solid #343333;
}

.clients-brand ul li a:hover img{
margin:-5px;
}