/*  
Theme Name: Com Tato
Theme URI: http://www.comtato.com.br/
Version: 1.0
Author: Thais Vilanova
Author URI: http://www.thaisvilanova.com.br/
*/

body 
	{
	color: white;
	background-color: #FF6600;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
}
#horizon        
	{
	color: #333;	
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#content    
	{	
	background-color: #fff;
	margin-left: -458px;
	position: absolute;
	top: -289px;
	left: 50%;
	width: 916px;
	height: 591px;
	visibility: visible;
	background:#FF6600 url(../img/branco.gif) no-repeat;
}

#header{
height: 120px;
width:910px;
}
/*--------LOGO-----------*/	
h1{
	position: relative;
	left:0;
	top:0;
	background: url(../img/logo-com-tato.gif) no-repeat;	
	text-indent: -9000px;	
	margin-left:75px;
margin-top:84px;
}
h1 a{
	display:block;
	width: 202px;
	height: 31px;
}
h1 img{
	display:none;

}
/*--------/LOGO-----------*/	

/*--------MENU-----------*/	
ul#menu{
width:150px;
list-style:none;
position:absolute;
top:198px;
left:65px;
font-size:11px;
text-align:left;
text-transform:uppercase;
}
#empresa ul#menu{
top:179px;
left:52px;
}
#empresa ul#menu{
background:url(../img/fundo-menu.gif) no-repeat left bottom;
padding:20px 30px 30px 15px;

}
ul#menu li{
width:123px;
}
#empresa ul#menu li{
width:123px;
margin-top:-2px
}
ul#menu li a{
color:#FF6600;
text-decoration:none;
padding-left:10px;
padding-bottom:16px;
text-indent: -9000px;
	position:relative;
	display:block;


}
ul#menu li a:hover{
text-decoration:none;

}


ul#menu li.current_page_item a{

}
ul#menu li#atuacao {
	background:url(../img/menu-atuacao.gif) no-repeat left bottom;	
	width:103px;
}

ul#menu li#atuacao a{
	background:url(../img/menu-atuacao.gif) no-repeat left bottom;
	position:relative;	
	left:0;	
	padding-bottom:21px;	
}
ul#menu li#atuacao a.current{
	position:relative;
	top:0;
	background-position:left 0;		
}
ul#menu li#portfolio {
	background:url(../img/menu-portfolio.gif) no-repeat left bottom;	
	width:123px;
}
ul#menu li#portfolio a{
	background:url(../img/menu-portfolio.gif) no-repeat left bottom;
	position:relative;	
	left:0;	
	padding-bottom:21px;	
}
ul#menu li#portfolio a.current{
	position:relative;
	top:0;
	background-position:left 0;		
}
ul#menu li#equipe {
	background:url(../img/menu-equipe.gif) no-repeat left bottom;	
	width:103px;
}
ul#menu li#equipe a{
	background:url(../img/menu-equipe.gif) no-repeat left bottom;
	position:relative;	
	left:0;	
	padding-bottom:21px;	
}
ul#menu li#equipe a.current{
	position:relative;
	top:0;
	background-position:left 0;		
}
ul#menu li#contato {
	background:url(../img/menu-contato.gif) no-repeat left bottom;
	width:121px;
}
ul#menu li#contato a{
	background:url(../img/menu-contato.gif) no-repeat left bottom;
	position:relative;	
	left:0;	
	padding-bottom:22px;	
}
ul#menu li#contato a.current{
	position:relative;
	top:0;
	background-position:left 0;		
}

/*--------/MENU-----------*/
#chave{
background:url(../img/chave.gif) no-repeat left top;
position:absolute;
top:197px;
left:225px;
width:66px;
height:326px

}
/*--------SCROLL-----------*/
.holder{
text-align:left;
}
.scroll-pane{
line-height:16px
}
.scroll-pane h4{
font-style:italic;
font-weight:normal;
display:inline
}
.scroll-pane dl {
margin-bottom:40px
}
.scroll-pane dl dt, .scroll-pane strong, .scroll-pane dl dt a{
color:#FF6600;
font-weight:bold;
text-decoration:none
}
.scroll-pane dl dd{
color:#231F20;
font-style:italic;
text-decoration:none
}

.scroll-pane p{
padding-top:15px;
}
#texto{
margin-right:20px;
text-align:justify;

}
#empresa #texto{
margin-right:130px;
}
#empresa .scroll-pane strong{
color:#000;
font-weight:bold
}
/*--------/SCROLL-----------*/
#empresa #chave{
background:url(../img/chave-empresa.gif) no-repeat left top;
position:absolute;
top:202px;
left:236px;
width:58px;
height:197px

}
#rodape{
height:30px;
width:910px;
position:absolute;
bottom:-18px;
left:0;

}

#rodape p{
margin-top:25px;
color:#000000;
padding-bottom:20px;
font-size:10px
}
#rodape p a{
color:#000000;
text-decoration:none;
font-size:10px
}
/*--------PORTFOLIO-----------*/
#placeholder{
	float:left;
	position:relative;
	left:288px;
	z-index:10;
	width:112px;
height:102px;
top:6px;
}
#sobre{
	width:320px;
	float:right;
	
}
#sobreSem{
	width:460px
}
#portfolioInterna h4{
	font-size:14px;
	line-height:20px;
	width:260px;
	color:#FF6600;
	font-style:normal;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	display:block	
}
#sobre ul, #sobreSem ul{
	margin-top:7px;	
	
}
#sobre ul li, #sobreSem ul li{
	line-height:13px	
}
#sobreSem ul{
	margin-top:11px;
	
}
#sobre ul a, #sobreSem ul a{
	font-size:9px;	
	color:#6D6F71;
	text-decoration:none;
}
#sobre ul a:hover, #sobreSem ul a:hover{	
	color:#FF6600;
	text-decoration:underline;
}
#explica{
margin-top:17px;
}
#explicaSem{
margin-top:0;
}
#explica ul li, #explicaSem ul li{
	list-style:disc;
	margin-left:15px;
	margin-bottom:-16px;
}
#explica a{
	color:#FF6600;
	text-decoration:none;
}
#portfolioInterna h5{
	font-size:11px;
	text-decoration:underline;
	color:#FF6600;
	font-style:normal;
	text-align:left;		
}
#voltarMenu{
	float:left;
	position:relative;
	left:735px;
	top:30px;
}
#voltarMenu a{
	text-decoration:none;
	color:#ff6600;
	background:url(../img/seta-voltar.gif) no-repeat left center;
	padding-left:10px;	
}
#voltarMenu a:hover{
	text-decoration:underline;	
}
/*--------/PORTFOLIO-----------*/

/*--------CONTATO-----------*/
#semScroll {
	width: 510px;
	margin-left:310px;	
	color:#FF6600;	
}
#semScroll p{
	text-align:left;
	font-size:12px;
	
	line-height:20px		
}
#semScroll a{
	color:#FF6600;
			
}
.wpcf_form{
	text-align:left;
}
.wpcf_form label{
	color:#FF6600;
	font-size:11px
}
.wpcf_form {
	position: static;
	overflow: hidden;
	width: 500px;
}

.contactleft {
	width:70px;
	white-space: pre;
	text-align: left;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}
.contactleft label{
	width:25px;
}

.contactright {	
	width:410px;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 2px 0;	
	position:relative;
	left:-20px;
	color:#FF6600;
}
.contactright input{
	width: 386px;
	height:12px;
	background-color:#EDEEEE;
	font-size:10px;
	border:0;
	color:#333333
}
.contactright textarea{
	width: 386px;
	height:72px;
	border:1px solid #FF6600;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:11px
}
.contactform button{
	float:left;
	width:57px;
	height:21px;
	position:relative;
	top:0;
	left:393px;
	text-indent: -9000px;
	border:0;	
	cursor: pointer;
	background:url(../img/bt-enviar.gif) no-repeat left top;		
}
.contactform{
float:left
}
.contactform p{

line-height:12px
}
p#end {
	color:#fff;
	width:485px;	
	font-size:10px;
	margin-bottom:10px;
	float:left;
	
}
p#end a img{
	border:0
	
}
p#instr{
clear:left
}
/*--------/CONTATO-----------*/

/*--------ATUACAO-----------*/

#imagematuacao{
	margin-top:20px;
	margin-bottom:20px;
	height:200px;
}

#atuacaoPg p{
	

}
#atuacaoPg h5{
	margin-bottom:20px;

}
#atuacaoPg #texto ul li{
	margin-left:15px;
	list-style:disc;
}
#atuacaoPg #texto u{
	font-weight:bold
}
/*--------/ATUACAO-----------*/
#empresa h5{
	color:#FF6600;
	font-size:14px;
}