/* Configuraes gerais */

#rodape a, ul.destaquesprod li a, h1, ul.destaquesprod li h2, #destaque h2, ul.menusuperior li a, .azulescuro {color: #00335e;}

body, #logo, ul.menusuperior, #menuesq h1, ul.sublinha li a, ul.destaques, ul.destaques li, #menuesq p, ul.destaquesprod, #destaque h1, .referencia, ul.tabsbusca, .margemzero {margin: 0;}

#menuesq h1, ul.linha, ul.linha li, ul.sublinha, ul.destaques, ul.destaquesprod {padding: 0; }

ul.destaquesprod li, ul.sublinha li, ul.sublinha li a, #rodape a, #destaque, ul.destaquesprod li, .referencia, #breadcrumb, .bgzul-escuro, .fonte-11px {font-size: 11px;}

body, ul.linha li a, ul.destaquesprod li a {font-size: 12px;}

#menuesq h1 a, ul.linha li a, ul.destaquesprod li a {font-weight: bold;}

ul.menusuperior li, ul.destaques, ul.destaquesprod li, ul.destaquesprod li a {list-style: none;}

a, ul.menusuperior li a:hover {	text-decoration: none; border: 0;}

a:hover { text-decoration: underline;}

.margemlateral { margin-left: 30px; margin-right: 30px;}

.clearleft, ul.destaques {
	clear: left;
}


/* Estrutura do site */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-align: center;
	background: #FFF;
	color: #5e6778;
}

#geral, #topo, #menu-topo, #menu-topo-eng, #menu-topo-esp {
	width: 770px;
	text-align: left;	
	position: relative;
	background: #FFF;
	margin: auto;
}

#logo{
	display: block;
	width: 175px;
	height: 55px;
	position: absolute;
	top: 25px;
	left: 7px;
}

#conteudo {
	width: 100%;
	height: 100%;
}

#textos {
	float:right;
	padding-bottom: 20px;
	width: 582px;
	border: 1px solid #eaecef;
}

ul.textos {
	margin-left: 60px;
	margin-right: 30px;
	padding: 0;
}

ul.textos li {
	padding-bottom: 7px;
}

/* Menu superior */

#menusup {
	width: 580px;
	top: 65px;
	left: 190px;
	position: absolute;
}

ul.menusuperior li {
	float: right;
	border-right: #00335e solid 1px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

ul.menusuperior li a {
	padding: 2px 6px;
}

ul.menusuperior li a:hover {
	color: #FFF;
	background-color: #bdc7db;
}


/* Busca */

.bgzul-escuro {
	background-color: #1b486e;
	color: #FFF;
	border: #a9b8c5 solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 3px;
}

ul.tabsbusca {
	padding: 15px;
	display: block;
	border: 1px solid #FFF;
}

ul.tabsbusca li {
	padding: 0;
	margin-left: 20px;
}

ul.tabsbusca li a {
	font-weight: bold;
}

ul.tabsbusca li a:hover {
	color: #CC0000;
}


/* Lateral esquerda*/

#menuesq {
	width: 185px;
	float: left;
	background-color: #eaecef;
	border-top: #c7ccd4 solid 1px;
	height: 1100px;
	text-align: left;
}

#menuesq p {
	font-size: 10px;
	color: #a6abb6;
	text-indent: 15px;
	padding: 30px 0 5px 0;
	border-bottom: 1px #e0e0e0 solid;
}

#destaques {
	width: auto;
}

ul.destaques {
	text-align: center;
}

ul.destaques li {
	padding: 10px;
	min-height: 100px;
	border-top: 1px #FFF solid;
	border-bottom: 1px #e0e0e0 solid;
}

ul.destaques li img {
	border:0;
}

ul.destaques p {
	text-align: left;
}


/* Rodap */

#rodape {
	width: 738px;
	margin: 3px auto;
	padding: 15px;
	border: 1px solid #dedede;
	background-image:url(../imagens/bg_rodape.gif);
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
	text-align: left;
}

#rodape a {
	margin: 20px;
}

#rodape p {
	font-size: 10px;
	color: #708496;
	padding: 15px;
}

#rodape img {
	float: right;
}

/* Contedo - destaques */

#destaque h2 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: #e5e5e3 dotted 1px;
	padding-bottom: 15px;
}


#destaque ul, #destaque ul li {
	margin-left: 20px;
	padding: 0;
}

#degradetop {
	background-image:url(../imagens/bg_conteudo_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 15px;
}

#degradebottom {
	background-image: url(../imagens/bg_conteudo_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 15px;
}

/* Contedo - listagem dos destaques */

table.listaprod {
	margin: 0 0 0 20px;
	color: #6a6a6a;
	border: 0;
	padding: 0;
}

table.listaprod td {
	width: 160px;
	color: #6a6a6a;
	vertical-align: text-top;
	text-align: left;
	padding-right: 9px;
}

table.listaprod a {
	color: #00335e;
	font-weight: bold;
}

table.listaprod a:hover {
	color: #096dde;
}

table.listaprod p {
	margin: 2px;
}

p.margemvinte {
	padding: 20px 20px 0 20px;
	width: 543px;
}

.vejamais {
	margin: 8px 0 20px 0;
}

/* Imagens */

img.bordafina {
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
}

img.bordagrossa {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

.alinham-esq {
	float: left;
}

.ampliar {
	
}

/* Fontes e ttulos */


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 13px;
}

h1.home {
	margin: 0 20px;
	padding-bottom: 0;
}

h2 {
	color: #4f63ae;
	font-size: 18px;
	font-weight: normal;
	padding: 8px 0;
}

h2.busca {
	font-size: 14px;
	font-weight: bold;
	border-top: #e5e5e3 dotted 1px;
	padding: 10px 0 0 0;
}

h3 {
	font-size: 16px;
	border-bottom: #e5e5e3 dotted 1px;
	margin-bottom: 15px;
	padding: 8px 0;
}


h4 {
	font-size: 13px;
}

.normal {
	font-weight: normal;
}

.bg-azulclaro {
	background-color: #edeff1;
	padding-left: 4px;
}

a {
	color: #096dde;
}


#breadcrumb {
	 margin: 0 0 20px 20px;
}

/* Forms */


#textos select, #textos input, #textos textarea {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: #d5dce2 1px solid;
	margin-bottom:5px;
}

#textos form {
	padding-top: 25px;
	border-top: #e5e5e3 dotted 1px;
}

/* Cuidados */

ul.cuidados {
	margin: 0 30px;
}

ul.cuidados li {
	list-style: none;
	display: block;
	margin: 0;
}


/* alteracoes 16/06/09 */

.txt14 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

div.clear { clear:both; text-indent:-9999px; }
#topo {	height: 109px; background:url(../imagens/bg_topo.jpg) no-repeat; }

#topo a.logo { float:left; width:215px; height:68px; background:url(../imagens/logo_jolitex.png) no-repeat; margin:14px 0 0 25px; text-indent: -9999px; display: block; }

#buscatop {	width:auto; margin:45px 10px 0 0; float:right;}

.fotopeq { float:left; margin:10px 15px 10px 0; }

/* menu topo */

#menu-topo { background:url(../imagens/bg_menu_topo.gif) no-repeat; height:36px; color:#FFFFFF; font-size:10px; font-weight:bold; margin:0; padding:0 }

#menu-topo-eng { background:url(../imagens/bg_menu_topo_eng.gif) no-repeat; height:36px; color:#FFFFFF; font-size:10px; font-weight:bold; margin:0; padding:0 }

#menu-topo-esp { background:url(../imagens/bg_menu_topo_esp.gif) no-repeat; height:36px; color:#FFFFFF; font-size:10px; font-weight:bold; margin:0; padding:0 }

#menu-topo ul { list-style:none; margin:0; }
#menu-topo li { position:absolute; top:8px; height:36px; }
#menu-topo ul li a { color:#FFFFFF; text-decoration:none; }
#menu-topo ul li a:hover { color:#c8d0e2; }

#menu-topo-eng ul { list-style:none; margin:0; }
#menu-topo-eng li { position:absolute; top:8px; height:36px; }
#menu-topo-eng ul li a { color:#FFFFFF; text-decoration:none; }
#menu-topo-eng ul li a:hover { color:#c8d0e2; }

#menu-topo-esp ul { list-style:none; margin:0; }
#menu-topo-esp li { position:absolute; top:8px; height:36px; }
#menu-topo-esp ul li a { color:#FFFFFF; text-decoration:none; }
#menu-topo-esp ul li a:hover { color:#c8d0e2; }

.menu-home { left:30px; }
.menu-jolitex { left:95px; }
.menu-sobre { left:174px; }
.menu-lancamentos { left:311px; }
.menu-encontrar { left:419px; }
.menu-repre { left:535px; }
.menu-contato { left:699px; }

.menu-home-eng { left:30px; }
.menu-jolitex-eng { left:103px; }
.menu-sobre-eng { left:219px; }
.menu-lancamentos-eng { left:371px; }
.menu-encontrar-eng { left:462px; }
.menu-repre-eng { left:580px; }
.menu-contato-eng { left:680px; }

.menu-home-esp{ left:20px; }
.menu-jolitex-esp { left:70px; }
.menu-sobre-esp { left:140px; }
.menu-lancamentos-esp { left:296px; }
.menu-encontrar-esp { left:392px; }
.menu-repre-esp{ left:510px; }
.menu-contato-esp { left:679px; }

.box-seleciona { width:230px; margin-right:10px; float:left; padding:0; }

a.link_es, a.link_us, a.link_br {float:right; right:0; width:16px; height:11px; text-indent: -9999px; display: block; position:absolute; }
a.link_es { background:url(../imagens/flag_es.gif) no-repeat; margin:10px 10px 0 0;}
a.link_us { background:url(../imagens/flag_us.gif) no-repeat; margin:10px 36px 0 0;}
a.link_br { background:url(../imagens/flag_br.gif) no-repeat; margin:10px 62px 0 0;}


img.produto-imagem {
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
	display:block;
	overflow:hidden;
	height:130px;
}