/*This is the core style sheet of the site.*/

*{
margin-bottom: 0;
}

body{
background-color: #fff;
color:#555555;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;

}

/* TIPOGRAFIA
---------------------------------------------*/
p {
font-size: 0.9em ;
line-height: 1.2em;
}



h1 {
background-color: #fff;
font-size: 1.7em;
font-family: "Trebuchet MS", sans-serif;
letter-spacing: 1px;
line-height: 0.6em;
border-bottom: dotted #cb241e 1px;
margin-right: 40px;
padding-bottom: 10px;
color: #333333;
}

h1 .color{

color: #BB0303;
}

h2{

font-size: 1.3em;
line-height: 1.3em;
padding-top: 5px;
padding-bottom: 20px;

}

h3 {

font-size: 1.14em;
line-height: 0.5em;
}
h3 a{
text-decoration: none;
color:#555555;
}

h3 a:hover{
text-decoration: underline;
color: #C32621;

}

h5 {
border-top: solid #ccc 1px;
margin-right: 50px;
padding-bottom: 3px;
}

.cor{
color: #cb241e;
}

.help {
cursor: help;
border-bottom:1px dotted #ccc;
 }

/* CONTEUDO
---------------------------------------------*/

#content {

width: 730px;
margin: 0 auto;
padding-right: 10px;
border-left: solid #ccc 1px;
text-align:left;
background: #ffffff	url(img/rightl.jpg) top right repeat-y;

}

#content2 {

width: 730px;
margin: 0 auto;
padding: 0px;
border-left: solid #ccc 1px;
text-align:left;
background: #ffffff	url(img/right-l2.jpg) top right repeat-y;
}

/* CABECALHO
---------------------------------------------*/

#header {
background-image: url(img/header.jpg);
background-repeat: no-repeat;
width: 660px;
height: 290px;
background-position: right top;
margin: 0;
padding-bottom: 15px;
}

#headercontato {

width: 660px;
height: 290px;
background-position: right top;
margin: 0;
padding-bottom: 15px;
}

#topo{
padding-bottom: 15px;
}

/* EU
---------------------------------------------*/

#yo{
background-image: url(img/eu.gif);
background-repeat: no-repeat;
width: 660px;
height: 290px;
background-position: right top;
margin: 0;
padding-bottom: 15px;
}

#eu {
width:600px;
margin-top:20px;
line-height:160%;
text-align: justify;
}




#eu ul li{
list-style-type: square;
font-size: 0.9em;
}


/* 404
---------------------------------------------*/

#miss{
background-image: url(img/404.jpg);
background-repeat: no-repeat;
width: 660px;
height: 290px;
background-position: right top;
margin: 0;
padding-bottom: 15px;
}

/* FOOTER
---------------------------------------------*/

#footer{
font-size: 0.8em;
text-align: center;
margin-top: 40px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 50px;
border-top: dotted #cb241e 1px;
border-bottom: solid #cccccc 1px;
	
}
#footer .cor1{
color:#804240;
}

#footer .link{
border-bottom: 1px dashed #ccc;
font-size: 0.9em;
text-decoration: none;
color: #cb241e; 
}

#footer .link:hover { 
color: #fff;
background-color: #cb241e; 
}
#footer .link:visited {	
color: #fff;
color:#804240;

}

/* MENU PRINCIPAL
---------------------------------------------*/

#invisivel{
visibility: hidden;
}

#navbar {
	margin-right: 0;
	position: relative;
	width: 700px;
	text-align:center;
	left: auto;

}

#navbar ul li img{
display: inline;
}

#navbar ul li{ /*aqui eu só seleciono as listas q estão dentro do navbar*/
list-style-type:none;
padding: 20px;
display: inline;
}

#navbar ul {
margin: 0 auto;
padding: 0px;

}

#navbar ul li a:link, #navbar ul li a:visited { /*aqui eu agrupo pois eles terão as mesmas propriedades*/
text-decoration: none;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
color:#555555;
font-size: 1.14em;

}

#navbar ul li a:hover {
text-decoration: none;
background-image: url(img/risco-folio.gif);
height: 25px;
background-repeat: no-repeat;
background-position: bottom;

}

#navbar ul li a.on {
text-decoration: none;
background-image: url(img/risco-folio.gif);
height: 25px;
background-repeat: no-repeat;
background-position: bottom;

}



#navbar2 {
margin-top: 5px;
margin-right: 0; /*aqui eu faço a pg ficar centralizada*/
position: relative;
width: 700px;
text-align:center;
}

#navbar2 ul li img{
display: inline;
}

#navbar2 ul li{ /*aqui eu só seleciono as listas q estão dentro do navbar*/
list-style-type:none;
padding: 15px;
display: inline;
}

#navbar2 ul {
margin: 0 auto;
padding: 0px;


}

#navbar2 ul li a:link, #navbar2 ul li a:visited { /*aqui eu agrupo pois eles terão as mesmas propriedades*/
text-decoration: none;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
color:#555555;
font-size: 1.14em;

}

#navbar2 ul li a:hover {
text-decoration: none;
background-image: url(img/risco-folio.gif);
height: 25px;
background-repeat: no-repeat;
background-position: bottom;

}

#navbar2 ul li a.on {
text-decoration: none;
background-image: url(img/risco-folio.gif);
height: 25px;

background-repeat: no-repeat;
background-position: bottom;

}


/* PORTIFOLIO
---------------------------------------------*/

#folio{
padding: 10px;
}

.portifolio{

text-align: center;
}


.portifolio .screen { 
width: 510px;
margin: 40px auto 0 auto;
border:1px solid #333;
display:block; 

}
.portifolio .screen a img{

border:2px solid #FFF;
padding: 3px;


}

.portifolio .screen:hover{

border:1px solid #C32621;

}

#texto-port{

margin-left: 20px;
padding-right: 90px;
letter-spacing: 1px;

}

#texto-port a{
border-bottom: 1px dashed #ccc;
font-size: 1em;
text-decoration: none;
color: #cb241e; 
}

#texto-port a:hover{
color: #fff; background-color: #cb241e; 
}

#texto-port a:visited{
color:#804240;
}


.wrap{
margin: 0;
padding-top: 50px;
padding-right: 0px;


}
.wrap img{
border:1px solid #333;
padding-right: 0px;
margin: 0;

}

/*LINKS
---------------------------------------------*/

.back{
border-bottom: 1px dashed #ccc;
float: right;
padding-right: 60px;
font-size: 0.85em;
text-decoration: none;
margin-right: 60px;
color: #cb241e; 
}

.back:hover{
 color: #fff; background-color: #cb241e; 
}

.link{
border-bottom: 1px dashed #ccc;
font-size: 0.8em;
text-decoration: none;
color: #cb241e; 
}

.link:hover { 
color: #fff;
background-color: #cb241e; 
}
.link:visited {	
color: #fff;
color:#804240;

}

.mais{
border-bottom: 1px dashed #ccc;
float: right;
font-size: 0.85em;
text-decoration: none;
color: #cb241e; 
}

.mais:hover{
 color: #fff; background-color: #cb241e; 
}

.port a{
display: block;
font-size: 1.14em;
padding-top: 5px;
text-decoration: none;
color:#555555;
}

.port a{
font-size: 1.14em;
padding-top: 5px;
text-decoration: none;
color:#555555;
}

.port a:hover{
text-decoration: underline;
color: #C32621;

}

p.paragrafo{
margin-top:5px;
}

#detalhe{
margin: 5px auto;
text-align: center;
width: 659px;
padding: 0px;
}

#detalhe img{
margin: 5px auto;
padding-top: 0;
padding-bottom: 0px;
padding-right: 60px;
}


#detalhe2{
margin: 10px auto;
text-align: center;
width: 659px;
padding-right: 40px;
}

#detalhe2 img{
margin: 0px auto;
padding-top: 0;
padding-bottom: 0px;

}

/* MENU DE NUMEROS
---------------------------------------------*/

#navnumber {
margin-right: 0; /*aqui eu faço a pg ficar centralizada*/
position: relative;
width: 660px;
text-align:center;

}

#navnumber ul li{
display: inline;

}

#navnumber ul li{ /*aqui eu só seleciono as listas q estão dentro do navbar*/
list-style-type:none;
padding: 13px;
display: inline;

}

#navnumber ul {
margin: 0 auto;
padding: 0px;



}

#navnumber ul li a:link, #navnumber ul li a:visited { /*aqui eu agrupo pois eles terão as mesmas propriedades*/
text-decoration: none;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
line-height:160%;
font-size: 1.14em;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #cb241e;

}

#navnumber ul li a:hover {
text-decoration: none;
color: #000;
font-size: 1.14em;
line-height:160%;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
}



#navnumber ul li a.on {
text-decoration: none;
font-size: 1.71em !important;
height: 15px;
color: #D07047 !important;
background-repeat: no-repeat;
background-position: bottom;
}

#navnumber ul li a.off {
text-decoration: none;
font-size: 1.14em !important;
height: 15px;
color: #cb241e;
background-repeat: no-repeat;
background-position: bottom;
}

/* CONTATO
---------------------------------------------*/

#contato {
width:550px;
margin-top:20px;
line-height:160%;
text-align: justify;
background-color: #FEFAFB; 

}
#contato a:link{
border-bottom: 1px dashed #ccc;
font-size: 0.85em;
text-decoration: none;
color: #cb241e; 
}

#contato a:hover, #contato a:focus { 
color: #fff;
background-color: #cb241e; 
}
#contato form { 
margin-bottom:10px;
padding-left: 5px;
font-size: 0.85em;
border:1px dotted #ccc;
}

.required {
color:#cb241e;
font-weight:bold;
}

.cont{
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1em ;	
color: #990000;
background-color: #FFFFFF;
width: 250px;
border:1px solid #ccc;
}


input.botao { 
width:60px !important;
font-weight:500;
cursor:pointer;
background-color:#cb241e;
color:#FFF; 
text-align:center !important;
}


/* PROJETOS
---------------------------------------------*/

.projetos{

margin-right: 40px;
text-align: center;
}
.projetos p {margin:0 2.5em}

.projetos ul li{

padding-right: 30px;
display:inline;

}

.projetos ul li img{

margin-bottom: 0px;
width: 182px;
height: 110px;
padding: 5px;

}

#teste{
width:138px;
border: 1px solid #ccc;
height: 50px;
}

.projetos .thumb{

border: 1px solid #ccc;
}

.projetos .thumb:hover{

border:1px solid #C32621;

}

.texto-projeto{
margin-top: 5px;
text-indent: 1em;
font-size: 1.28em;
}


blockquote p{
font-style: italic;
font-size: 0.9em;
line-height:160%;

}

.dire img{
float: right;
border:2px solid #FFF;
padding: 3px;
}