/*
Theme Name: Lacqua Teens
Theme URI: 
Description: 
Version: 1.0
Author: Cumplice
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #d44ab4 url(images/bg-her.jpg) center 20px no-repeat;
}
p {
	padding: 0 0 10px 0;
}
#nav-top {
	width: 100%;
	clear: both;
	overflow: hidden;
	_height: 1%;
	background: url(images/bg-nav-top.jpg) repeat-x;
}
#nav-top ul {
	width: 750px;
	margin: 0 auto;
}
#nav-top ul li, #rodape ul li {
	float: left;
}
#nav-top a span, #rodape a span {
	display: none;
}
#nav-top ul li a, #rodape ul li a {
	background-image: url(images/nav-top.jpg);
	height: 20px;
	display: block;
}
#nav-top ul li.top-lojavirtual a {
	background-position: -100px 0;
	width: 87px;
}
#nav-top ul li.top-lojavirtual a:hover {
	background-position: -100px -20px;
}
#nav-top ul li.top-institucional a {
	background-position: -187px 0;
	width: 99px;
}
#nav-top ul li.top-institucional a:hover {
	background-position: -187px -20px;
}
#nav-top ul li.top-lojas a {
	background-position: -286px 0;
	width: 61px;
}
#nav-top ul li.top-lojas a:hover {
	background-position: -286px -20px;
}
#nav-top ul li.top-franquias a {
	background-position: -347px 0;
	width: 148px;
}
#nav-top ul li.top-franquias a:hover {
	background-position: -347px -20px;
}
#nav-top ul li.top-dicas a {
	background-position: -495px 0;
	width: 60px;
}
#nav-top ul li.top-dicas a:hover {
	background-position: -495px -20px;
}
#nav-top ul li.top-cadastro a {
	background-position: -555px 0;
	width: 80px;
}
#nav-top ul li.top-cadastro a:hover {
	background-position: -555px -20px;
}
#nav-top ul li.top-atendimento a {
	background-position: -635px 0;
	width: 90px;
}
#nav-top ul li.top-atendimento a:hover {
	background-position: -635px -20px;
}
#nav-top ul li.top-trabalhe a {
	background-position: -725px 0;
	width: 125px;
}
#nav-top ul li.top-trabalhe a:hover {
	background-position: -725px -20px;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#menu {
	width: 960px;
	clear: both;
	height: 276px;
}
#conteudo {
	width: 960px;
	clear: both;
	overflow: hidden;
	_height: 1%;
	background: url(images/bg-her-conteudo.gif) left top repeat-y;
	color: #fff;
}
/* comentarios */
#comentarios {
	width: 960px;
	clear: both;
	overflow: hidden;
	_height: 1%;
	background: url(images/bg-her-comments.jpg) left top no-repeat;
}
/* o que voce achou */
#left {
	width: 450px;
	w/idth: 480px;
	padding: 90px 0 0 30px;
	float: left;
	background: url(images/h2-her-oquevoceachou.jpg) left top no-repeat;
}
/* formulario */
#respond form {
	background: #eaa5da;
	padding: 20px 20px 10px 20px;
}
#respond form div {
	padding: 0 0 5px 0;
}
#respond form label {
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	width: 90px;
	padding: 5px 0 0 0;
}
#respond form label {
	color: #660074;
}
#respond form input, #respond form textarea {
	width: 300px;
	w/idth: 306px;
	padding: 2px 3px;
	border: 0;
}
#respond form input#submit {
	width: 95px;
	height: 32px;
	background: url(images/btn-her-enviar.gif) left top no-repeat;
	margin: 0 0 0 90px;
	padding: 0 0 0 0;
}
#respond form input#submit:hover {
	background-position: 0 -32px;
}
/* lista */
ol.commentlist li {
	background: #eaa5da;
	padding: 20px 20px 0 20px;
	margin: 0 0 10px 0;
}
p.comment-header {
	clear: both;
	display: block;
	overflow: hidden;
}
.comment-author {
	text-transform: uppercase;
	font-weight: bold;
	color: #660074;
	width: 300px;
	float: left;
}
.comment-time {
	width: 80px;
	float: right;
	color: #660074;
	font-style: italic;
	text-align: right;
}
/* botao editar comentario */
p.comment-edit a {
	padding: 5px 10px;
	text-transform: uppercase;
	background: #FFF;
	color:#000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
p.comment-edit a:hover {
	background: #e1e1e1;
}
/* texto aguardando aprovacao */
p.comment-alert {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}
/* e tem mais */
#right {
	width: 480px;
	float: left;
	padding: 90px 0 0 0;
	background: url(images/h2-her-etemmais.jpg) left top no-repeat;
}
#right div {
	float: left;
}
#twitter, #compre {
	width: 260px;
	w/idth: 270px;
	padding: 0 10px 10px 0;
	text-align: right;
}
#universo {
	padding: 4px 0 0 0;
}
/* cineteen */ 
#crepusculo, #harrypotter {
	float: left;
}
#foto {
	width: 490px;
	float: left;
}
#texto {
	width: 410px;
	w/idth: 470px;
	padding: 0 60px 0 0;
	float: left;
}
#conteudo ul {
	padding: 0 0 0 15px;
}
#conteudo ul li {
	padding: 0 0 8px 0;
	list-style:outside;
	list-style-type: disc;
}
p.intro {
	font-size: 15px;
	padding: 0 0 15px 0;
}
p.highlight {
	color: #fff200;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 40px 30px 20px 50px;
	display: block;
	clear: both;
}
p.info {
	padding: 0 0 0 100px;
	font-size: 11px;
}
p.info a {
	color: #FF66CC;
	text-decoration: none;
}
p.info a:hover {
	text-decoration: underline;
}
.video1 {
	float: left;
	width: 340px;
	w/idth: 480px;
	padding: 0 0 20px 130px;
}
.video2 {
	float: left;
	width: 440px;
	w/idth: 470px;
	padding: 0 0 20px 30px;
}
/* doce mania */ 
#brigadeiro {
	width: 380px;
	w/idth: 490px;
	float: left;
	background: url(images/foto-brigadeiro.jpg) left top no-repeat;
	padding: 195px 25px 10px 85px
}
#brigadeiro p.info {
	padding: 0 0 0 0;
}
#beijinho {
	width: 380px;
	w/idth: 470px;
	float: left;
	background: url(images/foto-beijinho.jpg) left top no-repeat;
	padding: 195px 65px 10px 25px;
}
h3 {
	color: #fff200;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0 5px 0;
}
#brigadeiro span, #beijinho span {
	color: #ea4c75;
	font-weight: bold;
}
div.alert {
	padding: 0 50px 0 90px;
	font-size: 11px;
	display: block;
	clear: both;
}
div.alert h3 {
	background: url(images/icon-atention.gif) left top no-repeat;
	line-height: 35px;
	padding: 0 0 0 32px;
}
/* belezinha */
#nude, #fluo, #saruel {
	width: 280px;
	w/idth: 960px;
	padding: 40px 590px 40px 90px;
}
#nude {
	background: url(images/bg-nude.jpg) left top no-repeat;
}
#fluo {
	background: url(images/bg-fluo.jpg) left top no-repeat;
}
#saruel {
	background: url(images/bg-saruel.jpg) left top no-repeat;
	padding: 70px 590px 20px 90px;
}
#rodape {
	background: #d44ab4 url(images/bg-her-conteudo-rodape.jpg) left top no-repeat;
	width: 960px;
	height: 40px;
	display: block;
	clear: both;
}
/* campanha */ 
body.campanha #conteudo {
	background: url(images/bg-her-campanha.jpg) left top no-repeat;
}
body.campanha #conteudo .video {
	width: 430px;
	margin: 270px 0 0 270px;
}
/* teste */ 
#teste {
	width: 883px;
	margin: 0 0 0 35px;
}
body.teste #conteudo {
	background: url(images/bg-teste-her.jpg) left bottom no-repeat;
	padding: 0 0 22px 0;
}
/* 3d */
body.teen3d #rodape {
	background: #d44ab4 url(images/bg-her-rodape-3d.jpg) left top no-repeat;
	height: 150px;
}
ul#passos {
	width: 270px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 11px;
}
ul#passos li {
	list-style: none;
	text-align: center;
	padding: 105px 35px 25px 90px;
}
ul#passos li a {
	color: #fff;
}
ul#passos li.passo1 {
	background: url(images/icon-her-3d1.gif) 105px top no-repeat;
}
ul#passos li.passo2 {
	background: url(images/icon-her-3d2.gif) 105px top no-repeat;
}
ul#passos li.passo3 {
	background: url(images/icon-her-3d3.gif) 105px top no-repeat;
}
#iniciar {
	float: left;
	cursor: pointer;
}
#mais {
	cursor: pointer;
}
#flash3d, #info {
	display: none;
}
a:focus {
	outline: none;
}
/* downloads */
#downloads {
	clear: both;
	display: block;
	padding: 20px 60px 0 85px;
	background: url(images/bg-her-conteudo.gif) left top repeat-y;
}
#downloads ol  {
	background: #fff;
	overflow: hidden;
	width: 100%;
}
#downloads ol li {
	float: left;
	padding: 10px 25px 0 25px;
}
#downloads img.header {
	padding: 0 0 0 270px;
}
/* concurso fotos */ 
body.fotos #conteudo {
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/bg-conteudo-her.gif') left top repeat-y;
}
body.fotos #rodape {
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/bg-rodape-her.jpg') left top no-repeat;
	height: 48px;
}
#foto-info {
	width: 358px;
	float: left;
	height: 447px;
	background: #d44ab4;
}
#enviar-foto {
	width: 285px;
	float: left;
	height: 447px;
	background: #d44ab4 url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/botoes-intro-her.jpg') left top no-repeat;
}
#enviar-foto img {
	width: 270px;
	height: 447px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/botoes-intro-her.jpg') left top no-repeat;
}

#enviar-foto img:hover {
	background-position: 0 -447px;
}

#ver-foto {
	width: 317px;
	float: left;
	height: 447px;
	background: #d44ab4 url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/botoes-intro-her.jpg') -285px top no-repeat;
}
#ver-foto img {
	width: 270px;
	height: 447px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/botoes-intro-her.jpg') -285px top no-repeat;
}
#ver-foto img:hover {
 	background-position: -285px -447px;
}
/* enviar */
#foto-steps {
	width: 270px;
	w/idth: 320px;
	float: left;
	padding: 0 0 0 50px;
}
/* sucesso */
#sucesso {
	float: left;
	font-size: 15px;
	line-height: 20px;
	width: 450px;
}
#sucesso img, img.titulo {
	padding: 35px 0 40px 0;
}
#sucesso #ver-foto {
	width: 238px;
	height: 199px;
	clear: both;
	background: #000;
	border-top: 20px solid #000;
}
#sucesso #ver-foto img {
	width: 238px;
	height: 199px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/btn-ver-foto.jpg') left top no-repeat;
	padding: 0 0 0 0;
}
#sucesso #ver-foto img:hover {
	background-position: 0 -199px;
}
/* ver fotos */
#enviadas {
	margin: 0 0 0 80px;
	height: 845px;
	display: block;
}
/* formulario */
body.fotos form {
	display: block;
	width: 570px;
	float: left;
}
body.fotos form div#cidade, body.fotos form div#telefone {
	float: left;
	width: 360px;
}
body.fotos form  div img {
	float: left;
	padding: 7px 0 0 0;
}
body.fotos form input#nome, body.fotos form input#email, body.fotos form input#endereco {
	width: 410px;
	w/idth: 420px;
	padding: 5px;
	float: left;
}
body.fotos form input#cidade, body.fotos form input#telefones {
	width: 225px;
	w/idth: 235px;
	padding: 5px;
	float: left;
}
body.fotos form input#estado, body.fotos form input#idades {
	width: 50px;
	w/idth: 60px;
	padding: 5px;
	float: left;
}
body.fotos form input#foto {
	width: 200px;
	w/idth: 210px;
	padding: 5px;
	float: left;
}
body.fotos form input#foto {
	width: 200px;
	w/idth: 210px;
	padding: 5px;
	float: left;
}
body.fotos form input#regulamento {
	float: left;
	margin: 7px 10px 0 100px;
	width: auto;
}
body.fotos form input#enviar {
	height: 138px;
	width: 138px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/btn-enviar-foto-her.jpg') left top no-repeat;
	margin: 0 0 0 100px;
	float: left;
	clear: none;
}
body.fotos form input#enviar:hover {
	background-position: 0 -138px;
}
body.fotos form div {
	overflow: hidden;
	_height: 1%;
	padding: 0 0 7px 0;
}
body.fotos form p.legenda {
	padding: 0 0 0 100px;
}
#result {
 	font-size: 12px;
	font-weight: bold;
	color: #b81b20;
	float: left;
	padding: 7px 0 0 30px;
}
label.error{
		float:left;
		margin:0px;
		width: 10px;
}
#process{
		display:none;
		flaot: left;
}
body.fotos form div small {
	margin: 0 0 0 100px;
}
/* regulamento */
#regulamento {
	float: left;
	width: 530px;
}
#regulamento ol {
	padding: 0 0 10px 0;
}
#regulamento ol li {
	list-style: decimal; 
	padding: 0 0 5px 0;
}
#regulamento strong {
	font-weight: bold;
}
#regulamento em {
	font-style: italic;
}
#regulamento #botoes {
	clear: both; 
	display: block;
	padding: 15px 0 0 0;
	overflow: hidden;
	_height: 1%;
}
#regulamento #botoes #enviar {
	margin: 0 0 0 80px;
	float: left;
}
#regulamento #botoes #ver {
	margin: 0 80px 0 0;
	float: right;
}
#regulamento #ver img {
	height: 138px;
	width: 138px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/btn-ver-foto-her.jpg') left top no-repeat;
	margin: 0 0 0 0;
}
#regulamento #enviar img {
	height: 138px;
	width: 138px;
	background: url('http://www.lacquadifiori.com.br/hotsite/teens/fotos/images/btn-enviar-foto-her.jpg') left top no-repeat;
	margin: 0 0 0 0;

}
#regulamento #enviar img:hover, #regulamento #ver img:hover {
	background-position: 0 -138px;
}