@import url(css/layout.css);

/* internas */

#barra_titulo {width:781px; height:35px; background:url(../../images/bg_barra_titulo.jpg); margin-bottom:20px; float:left;}
#barra_titulo h2 {font-size:20px; color:#FFF; font-weight:normal; padding-left:15px; line-height:35px;}
#barra_titulo h2 a {color:#FFF; text-decoration:none;}
#barra_titulo h2 a:hover {color:#FFF; text-decoration:underline;}

#corpo {float:left; width:770px; padding:0 5px; position:relative; background:#fff;}
#corpo h1 {font-size:18px; font-weight:normal; color:#093749; margin-bottom:15px;}
#corpo h2 {font-size:14px; font-weight:bold; color:#093749; margin-top:10px; margin-bottom:5px;}
#corpo h3 {font-size:14px; color:#093749; margin-top:15px; margin-bottom:5px;}
#corpo h4 {font-size:12px; color:#093749; margin-top:15px; margin-bottom:0px;}
#corpo p {font-size:12px; color:#373535; margin-bottom:10px; line-height:15px; text-align:justify;}

/* VALORES */
#valores {width:480px; float:left; margin-top:10px; margin-left:20px;}
img.foto_valores {position:absolute; float:right; right:5px; top:-7px;}


/* HISTÓRIA */
#corpo_menor {width:520px; padding:0 15px 0 10px; float:left;}
#corpo_menor h1 {font-size:18px; font-weight:normal; color:#093749; margin-bottom:15px;}
#corpo_menor p {font-size:12px; color:#373535; margin-bottom:10px; line-height:15px; text-align:justify;}

#corpo_direita {width:229px; padding-left:15px; border-left:1px solid #CCC; float:left;}

.box_foto {width:207px; padding:10px 5px; background:#DDDBDB; float:left; margin-bottom:15px;}
.box_foto p {font-size:11px; color:#373535; margin-top:5px;}


/* UNIDADES */
#corpo h3.unidades {width:195px; padding-left:15px; cursor:pointer; clear:left;}
.box_estrutura {width:750px; height:0px; padding-left:15px; float:left; overflow:hidden;}
.box_estrutura ul {float:left; list-style:none; margin-top:15px;}
.box_estrutura ul li {float:left; padding:0 20px 20px 20px;}
.box_estrutura li img {width:120px; height:80px; border:3px solid #DDDBDB;}

.borda_cinza {float:left; width:530px; border-top:1px ##c1cdd1 solid;}

/* REPRESENTANTES */
#corpo p.representantes {width:385px; font-size:12px; color:#373535; margin-top:20px; line-height:20px; padding-left:20px; text-align:justify;}

#contato_representates {width:350px; float:left; margin-top:70px; padding-left:100px;}
#contato_representates p {font-size:16px; margin-bottom:15px;}
#contato_representates span.contato_item {font-size:24px; color:#093749;}

img.foto_representantes {position:absolute; right:40px; top:5px;}

/* FALE CONOSCO */
#corpo p.falecom {width:470px; font-size:11px; color:#373535; line-height:20px; padding-left:20px; text-align:left;}

#contato_falecom {width:470px; float:left; background:#fff;}
#contato_falecom p {font-size:11px; margin-bottom:2px;}
#contato_falecom span.falecom_item {font-size:11px; font-weight:bold; color:#093749;}
#contato_falecom .mapa {position:static; width:440px; float:right; font-weight:bold; text-align:right; border-bottom:1px #093749 solid; left:10px; padding:10px 30px 10px 0;}
#contato_falecom a {color:#093749; text-decoration:none;}
#contato_falecom a:hover {color:#093749; text-decoration:underline;}


img.foto_falecom {position:absolute; right:40px; top:1.85em;}

/* FORM FALE CONOSCO */
.bg_form {background:#fff;}
#form_falecom {margin-top:5px; background:#fff;}
#form_falecom h1 {font:10px; font-weight:bold; color:#093749;}
#form_falecom label {
	font-size:11px;
	font-weight:bold;
	color:#373636;
	display:block;
	border:none;
	width:230px;
	position:relative;
	padding-bottom:5px;
	padding-top:5px;
	vertical-align:bottom;
}
#estilo {width:230px; height:20px; border:1px #000 solid; background:#e5e5e5; padding-top:3px; margin-left:10px;}

#form_falecom label input {width:350px;}
#estilo_msg {width:230px; height:70px; border:1px #000 solid; background:#e5e5e5; padding-top:3px; margin-left:10px;}

#form_falecom label small {	
	font:11px;
	font-weight:bold;
	color:#088fc2;
	position:absolute;
	right:0;
}
#form_falecom textarea {font-size:13px; color:#000;}
.envia_form {width:44px; height:15px; vertical-align:middle;}
.reset_form {width:44px; height:15px; vertical-align:bottom; padding-left:10px;}

/* FORM FALECOM JAVASCRIPT-IFRAME */
#falecomjava {width:480px; height:260px;}

/* EQUIPE */
#equipe {width:470px; float:left;}
#equipe a {color:#093749; text-decoration:none;}
#equipe a:hover {color:#093749; text-decoration:underline;}

#equipe h1 {font-size:18px; font-weight:bold; color:#093749; margin:5px 0 10px 0;}
#equipe p {font-size:12px; margin-bottom:2px; color:#373636;}
.linha {border-bottom:1px #16799f solid; width:470px; padding:10px 0 10px 0; margin-bottom:10px;}

.mensagem_form {font:12px Arial, Helvetica, sans-serif; color:#093749; padding:5px; background:#999999;}

img.foto_equipe {position:absolute; right:30px; top:475px; overflow:hidden;}

/* LOJAS */
img.foto_loja {position:absolute; right:30px; top:812px; overflow:hidden;}

/* TOP OF MIND */
img.top_of_mind {position:absolute; width:142; height:300px; float:left; right:80px; top:25px;}



/* MASCULINO */
#masculino {width:800px; float:left;}
#masculino ul {list-style:none; display:inline;}
#masculino li {list-style:none; display:inline; padding:0 20px 0 0;}


/* CUECAS */
#banner_produtos {width:781px; margin-bottom:20px; float:left;}

#box_lista_cuecas {width:781px; float:left; position:relative; text-align:center; padding-top:60px;}
.seta_esq {position:absolute; top:90px; left:15px; cursor:pointer;}
.seta_dir {position:absolute; top:90px; right:15px; cursor:pointer;}
.disabled {display:none;}

#lista_cuecas {width:660px; margin:0 auto; text-align:center;}
#lista_cuecas ul {list-style:none;}
#lista_cuecas ul li {width:142px; height:190px; float:left; padding:0 8px; display:block;}
#lista_cuecas ul li a {font-size:12px; color:#093749; text-decoration:none;}
#lista_cuecas ul li a:hover {text-decoration:underline;}

.thum_txt {display:none; padding:0 2px;}


/* PRODUTOS DETALHES */

#box_detalhes {width:416px; height:465px; background:#E5E5E5; padding:12px; float:left;}

#tabela_tamanhos {width:235px; float:left; margin-top:10px;}
#tabela_tamanhos table {float:left;}
#tabela_tamanhos th { font-size:10px; color:#093749; background:#E5E5E5; padding:0 3px; text-align:center; width:265px;}
#tabela_tamanhos th.composicao {text-align:left; }
#tabela_tamanhos td {font-size:9px; color:#FFF; background:#093749; padding:3px; text-align:center;}
#tabela_tamanhos td.legenda {display:block; width:60px; font-size:9px; color:#093749; background:#E5E5E5; text-align:left;}

#produto_info {width:156px; float:left; padding-left:25px;}
#produto_info h3 {font-size:20px; color:#093749; margin:10px 0 15px 0;}
#produto_info h5 {font-size:15px; color:#093749; margin-bottom:4px;}
#produto_info ul {list-style:none;}
#produto_info ul li {float:left; margin:0 2px;}
#produto_info ul li img {border:1px #093648 solid;}


#box_maisfotos {width:308px; height:370px; background:#E5E5E5; padding:3px; margin-left:15px; float:left;}
#box_maisfotos ul {list-style:none;}
#box_maisfotos ul li {float:left; padding:5px;}
#box_maisfotos ul li img {border:1px solid #999; cursor:pointer;}