/*
Classe de estilos referente ao site Frogs Hair
Desenvolvido por: Ventura Info - www.venturainfo.com.br
Micael Delgado - micael@venturainfo.com.br
*/

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

*{
margin:0px;
padding:0px;
}

#tudo {
width:960px;
margin-left:-480px;
left:50%;
position:relative;

}


#header {
background-color:#ebf0f4;
height:117px;
}

#logo {
float:left;
margin-left:35px;
margin-top:20px;
}

#menuimg {
margin-top:32px;
float:right;
width:650px;
height:51px;
}

#flash {
width:960px;
height:282px;
}

#conteudo {
width:960px;

}

#conteudo-empresa {
width:960px;

}

#conteudo-clientes {
width:960px;
	
}

#conteudo-site {
width:960px;

}

#quadro1 {
float:left;
width:318px;
height:278px;
}

#titulo1 {
margin-top:31px;
margin-left:23px;
}
#cases a{
margin:0px;
padding:0px;
border:0px;
}
#job-case {
margin-top:10px;
border-top:dotted 1px #CCC;
padding-top:20px;
}
#job-case h2 {
font-family:Arial, Helvetica, sans-serif;
color:#063e5a;
letter-spacing:1px;
font-size:20px;
margin-bottom:20px;
}
#job-case p{
font-family:Arial, Helvetica, sans-serif;
color:#333;
line-height:20px;
font-size:14px;
letter-spacing:1px;
margin:10px 0;
}
.caseimg {
border:#CCC 5px solid;
margin:10px;
}

#slide {
margin-left:20px;
margin-top:30px;
width:277px;	
height:190px;
}

#quadro2 {
float:left;
width:318px;
height:278px;
}

#titulo2 {
margin-top:31px;	
margin-left:23px;
}

#texto2 {
width:290px;
height:130px;
margin-top:34px;
margin-left:15px;
}

#texto2 p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;
line-height:20px;
}

#autor2 {
width:150px;
height:30px;
margin-top:1px;
margin-left:155px;
}

#autor2 p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
line-height:20px;
}

#quadro3 {
float:left;
width:318px;
height:278px;
}

#titulo3 {
margin-top:31px;	
margin-left:23px;
}

#texto3 {
width:290px;
height:69px;
margin-top:34px;
margin-left:15px;
}

#texto3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;
line-height:20px;
}

#contato3 {
width:290px;
height:69px;
margin-top:28px;
margin-left:15px;
}

#contato3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;
line-height:20px;
}

#footer-content {
width:960px;
margin:0 auto;
position:inherit;

}
#footer {
	clear:both;
	width:100%;
	height:48px;	
	background-color:#ebf0f4;
	margin-top:20px;
}

#reservado {
float:left;
margin-left:15px;
margin-top:6px;
}

#reservado p {
color:#565656;
font-size:11px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;	
}

#reservado2 {
float:right;
margin-right:15px;
margin-top:6px;
}

#reservado2 p {
color:#565656;
font-size:11px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;	
}

#titulo {
margin-top:40px;	
}

#video {
margin-top:20px;	
margin-left:43px;
}
#videohome {
margin-top:20px;
width:980px;
height:320px;
padding: 14px 0 0 10px;
background:url(images/bg-video-home.jpg) no-repeat left;
}
#videoh {
width:465px;
margin-top:6px;
float:left;
}
#homedesc {
float:right;
margin-right:30px;
width:420px;
}
#homedesc p {
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:13px;
margin-top:15px;
text-align:justify;
line-height:18px;
}
img.titulohome {
padding-left:125px;
margin:1px 0;
}


#texto-empresa {
width:855px;
margin-left:50px;
}


#texto-empresa p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:20px;
color:#4c4c4c;
line-height:20px;
}

#lista1 {
width:856px;	
height:79px;
margin-left:52px;
margin-top:20px;
}

#lista1 img {
margin-left:20px;
margin-top:9px;
}

#lista2 {
width:856px;	
height:79px;
margin-left:52px;
}

#lista2 img {
margin-left:20px;
margin-top:9px;
}

#lista3 {
width:856px;	
height:79px;
margin-left:52px;
}

#lista3 img {
margin-left:20px;
margin-top:9px;
}

#portfolio1 {
width:856px;
height:260px;
margin-left:53px;
margin-top:30px;
}

#portfolio1 img {
margin-left:12px;	
}

#portfolio2 {
width:856px;
height:260px;
margin-left:53px;
margin-top:30px;
}

#portfolio2 img {
margin-left:12px;	
}

#contato {
float:left;
height:400px;
margin-top:30px;
margin-left:60px;
}

#contato table {
float:left;
}

#contato input, select {
width:300px;
height:25px;
color:#666666;
border: 1px solid #000;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contato textarea {
width:300px;
color:#666666;
border: 1px solid #000;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contato label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding-left:5px;
font-weight:bold;
}

#contato .send {
width:100px;
background-color:#666666;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
border: 1px solid #999999;
}

#foto-site {
margin-top:35px;
margin-left:55px;
}

/* Menu jQuery */

/* Firefox Dotted Outline Fix */
a:active { 
outline: none; 
}
	
/* Firefox Dotted Outline Fix */
a:focus { 
-moz-outline-style: none; 
}
	
ul#menu {
width:80%;
height:102px;
background:url(bg.png) repeat-x;
list-style:none;
margin:0;
padding:0;
padding-left:60px;
}
	

ul#menu li {
float:left;
}
	

ul#menu li a {
background:url(images/sprite.png) no-repeat scroll top left;
display:block;
height:51px;
position:relative;
}
	
	
ul#menu li a.empresa {
width:86px;
}
	

ul#menu li a.servicos {
width:117px;
background-position:-86px 0px;
}

ul#menu li a.clientes {
width:110px;
background-position:-202px 0px;
}

ul#menu li a.jobs {
width:78px;
background-position:-312px 0px;
}

ul#menu li a.contato {
width:110px;
background-position:-391px 0px;
}
	

ul#menu li a span {
background:url(images/sprite.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
	

ul#menu li a span:hover {
		cursor:pointer;
}
	
ul#menu li a.empresa span {
		background-position:0px -51px;
}
	

ul#menu li a.servicos span {
		background-position:-86px -51px;
}

ul#menu li a.clientes span {
		background-position:-202px -51px;
}

ul#menu li a.jobs span {
		background-position:-312px -51px;
}

ul#menu li a.contato span {
		background-position:-391px -51px;
}

/* Fim Menu jQuery */

#servicos1 {
margin-top:30px;
margin-left:60px;
width:838px;
height:175px;
}

#imagem-servicos1 {
float:left;	
margin-top:5px;
margin-left:25px;
}

#titulo-servicos1 {
float:left;
margin-left:33px;
margin-top:18px;
}

#texto-servicos1 {
margin-top:10px;
float:right;
margin-right:40px;
width:480px;
height:120px;
}

#texto-servicos1 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
line-height:20px;
}

#servicos2 {
margin-top:30px;
margin-left:60px;
width:838px;
height:175px;
}

#imagem-servicos2 {
float:left;	
margin-top:5px;
margin-left:25px;
}

#titulo-servicos2 {
float:left;
margin-left:33px;
margin-top:18px;
}

#texto-servicos2 {
margin-top:10px;
float:right;
margin-right:40px;
width:480px;
height:120px;
}

#texto-servicos2 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
line-height:20px;
}

#servicos3 {
margin-top:30px;
margin-left:60px;
width:838px;
height:175px;
}

#imagem-servicos3 {
float:left;	
margin-top:5px;
margin-left:25px;
}

#titulo-servicos3 {
float:left;
margin-left:33px;
margin-top:18px;
}

#texto-servicos3 {
margin-top:10px;
float:right;
margin-right:40px;
width:480px;
height:120px;
}

#texto-servicos3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
line-height:20px;
}

#texto-case {
width:911px;	
margin-left:11px;
}

#flash-home {
float:right;
margin-right:30px;
margin-top:15px;
width:429px;
height:65px;
}

#img-contato {
	float:right;
	margin-top:40px;
	margin-right:150px;
	
}