/* STANDARD STYLES */
html, body { width: 100%; margin: 20px 0px 10px 0px; padding: 0px; text-align: center; background: url(../media/bg_02.jpg) repeat-x fixed; }
img { border: none; }
form { margin: 0px; }
p { margin: 0px 0px 20px 0px; padding: 0px; }

a { outline: none; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

div.clear       { clear: both; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; }
div.leftAlign   { text-align: left; }
div.rightAlign  { text-align: right; }
div.centerAlign { text-align: center; }
/* ############# */

/* PNG IE FIX */
div, img, a { behavior: url(./css/iepngfix.htc) }
.boxProduto { behavior: url(./css/iepngfix.htc) }
/* ########## */

/* TEXT STYLES */
.arial_16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.arial_14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.arial_12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.arial_11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.arial_10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.bold { font-weight: bold; }
/* ############# */

/* COLOR STYLES */
.cr_white { color: white; }
.cr_burn_yellow { color: #faab5c; }
/* ############# */

/* FORM STYLES */
form#frmContato input, select, textarea {
	color: #101010;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #a5a5a5;
	background: url(../media/bg_03.gif) bottom repeat-x #eeeeee;
	height: 16px;
}
form#frmContato select { height: 20px; }
/* ############# */

/* CSS CENTERING */
body { text-align: center; }
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 764px;
	text-align: left;
}
/* ############# */

/* DIV BOXES */


div#footer { background: url(../media/im_01.png) no-repeat; height: 34px; margin-top: 10px; }
div#footer a#ilexLink { float: right; width: 180px; height: 30px; margin-top: 2px; }

div#boxDestaques { text-align: center; padding: 20px 10px; }
div#boxDestaques img { margin: 0px 10px; }
div#boxDestaques div.destaque { width: 33%; float: left; }

div#boxTitleDestaques			{ height: 26px; background: url(../media/tl_07.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleInstitucional { height: 26px; background: url(../media/tl_00.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleContato				{ height: 26px; background: url(../media/tl_01.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleProdutosCinzeiros  { height: 26px; background: url(../media/tl_02.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleProdutosTabuleiros { height: 26px; background: url(../media/tl_03.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleProdutosUmidores   { height: 26px; background: url(../media/tl_04.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleProdutosEstojos		 { height: 26px; background: url(../media/tl_05.png) no-repeat left; margin: 30px 0px 15px 25px; }
div#boxTitleProdutosVariados 	 { height: 26px; background: url(../media/tl_06.png) no-repeat left; margin: 30px 0px 15px 25px; }

div.boxBig { width: 760px; margin: 0px 2px; padding-top: 10px; }
div.boxBig .top     { display: block; background: url(../media/im_02.gif) no-repeat top; height: 10px; font-size: 0px; line-height: 0px; }
div.boxBig .content { padding: 30px 40px; background: url(../media/bg_00.gif) no-repeat top left #01031c; }
div.boxBig .bottom  { display: block; background: url(../media/im_00.gif) no-repeat top; height: 10px; font-size: 0px; line-height: 0px; }

table.boxProduto          				{ width: 240px; height: 340px; background: url(../media/im_03.png) no-repeat top left; }
table.boxProduto:hover    				{ background-position: top right; }
table.boxProduto .content 				{ padding: 0px 12px; height: 300px; }
table.boxProduto .content .imagem { text-align: center; margin: 15px 0px 5px 0px; }
table.boxProduto .content .info   { text-align: left; }
table.boxProduto .buttons 				{ text-align: left; padding: 0px 12px 12px 12px; }
table.boxProduto a.btAmpliar  		{ display: block; height: 14px; background: url(../media/ic_00.png) no-repeat 0px 50%; padding-left: 22px; float: left; }
table.boxProduto a.btDetalhes			{ display: block; height: 16px; background: url(../media/ic_01.png) no-repeat 0px 50%; padding-left: 18px; float: right; }

div.logoHeader { width: 768px; height: 287px; display: block; }

div.mainMenu { width: 768px; height: 70px; padding: 10px 0; background: url("/media/background-menu.png") no-repeat center top; }

div.mainMenu ul { padding: 0; margin: 0; }

div.mainMenu ul li { display: inline-block; width: 32%; list-style: none; font-family: "Candara", sans-serif; font-weight: bold; color: #ffffff; text-align: center; text-shadow: 0 0 4px #000000; vertical-align: top; }

div.mainMenu ul li a { text-decoration: none; color: #ffffff; padding: 3px; }

div.mainMenu ul .subMenu > div { cursor: hand; cursor: pointer; }

div.mainMenu ul .subMenu ul { position: relative; right: 117px; display: none; width: 470px; padding: 10px 0; }

div.mainMenu ul .subMenu:hover ul { display: block; }

div.mainMenu ul .subMenu ul li { display: inline-block; width: 112px; font-size: 13px; }

div.mainMenu ul .subMenu ul li a:hover { background: url("/media/background-submenu.png") no-repeat center; border-radius: 5px; }

div.mainMenu ul .subMenu ul .subSubMenu ul { display: none; width: 245px; padding: 10px 0; right: 70px; }

div.mainMenu ul .subMenu ul .subSubMenu > div > span:hover { background: url("/media/background-submenu.png") no-repeat center; padding: 3px; border-radius: 5px; }

div.mainMenu ul .subMenu ul .subSubMenu:hover ul { display: block; }

div.mainMenu ul .subMenu ul .subSubMenu ul li { display: inline-block; width: 45%; font-size: 13px; }

div.mainMenu ul .subMenu ul .subSubMenu ul li a:hover { background: url("/media/background-submenu.png") no-repeat center; border-radius: 5px; }
/* ######### */