/* 
================================
Estilo para o website Vitopel
================================
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%; /* necessario */
	width: 100%;
}

body {
	height: 100%;
	background-color: #eaeaea;
}


.corpo {
	position: relative;
	width: 780px;
	min-height: 100%;
  	height: auto !important;
    height: 100%;
	text-align: left;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	border-left: 0 solid #666;
	border-right: 0 solid #666;
	background-color: #fff;
}


.cabecalho {
	position: relative;
	width: 780px;
	min-height: 73px; /* para um browsers bom */
	height: 73px; /* para o IE */
	border-bottom: 0 solid #666;
    background-image: url(back_cabecalho.gif);
}

.logoTipo {
    float: left;
	width: 350px;
   	height: 60px;
   	padding-top: 11px;
   	padding-left: 24px;
	border: 0 solid #999;
    background-color: Transparent;
}

.slogan {
	position: absolute;
	bottom: 24px;
	_bottom: 3px;
    left: 110px;
    width: 450px;
    height: 20px;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 17px;
    text-decoration: none;
    color: #499fb1;
    border: 0 solid #666;
}


.text_slogan {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 17px;
    text-decoration: none;
    padding: 0 0 0 10px;
    border-left: 1px solid #e0e0e0;
    color: #499fb1;
}

.menuTopo {
	position: absolute;
	z-index: 100;
	top: 0;
    right: 0;
    float: right;
	width: 152px;
	height: auto;
	border: 0 solid #999;		
}


.busca {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 0;
	margin-bottom: 3px;
	width:	173px;
	height: 22px;		
	border: 0 solid #666;
}

.menu {
	width: 780px;
	height: 32px;
	padding: 0 0 0 15px;
	color: #000;
	font-size: 11px; 
	font-weight: bold;
	background: url(back_menu.gif) no-repeat;
}

.main_dnnmenu_container {
	background-color: transparent; 
}

.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	color: #fff; 
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px; 
	font-weight: bold;
	background-color: Transparent;
	border: 1px solid #666;
}

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #333; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
	white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 0 3px 3px 1px;
    border: 0 solid #666;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: Transparent; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	padding: 0 3px 3px 1px;
}

.main_dnnmenu_itemhover td {  
	background-color: Transparent; 
	border: 0;
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	padding: 0 3px 3px 1px;
}

.main_dnnmenu_icon td {
	cursor: pointer;
	color: #000; 
	font-size: 11px; 
	font-weight: bold; 
	cursor: hand; 
	color: #000;
	width: 0; 
	height: 0;
}

.main_dnnmenu_submenu {
	background-color: #cae9ee;  
	border-left: 1px solid #88a3a9; 
	border-right: 1px solid #88a3a9;
	border-bottom: 1px solid #88a3a9;
	color: #000; 
	font-size: 11px; 
	font-weight: bold;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	margin: -2px 0 0 0;
	padding: 5px;   /*explicitly set padding for sub-menus */
}

.main_dnnmenu_break {
	height: 1px;
	color: #000;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	color: #000; 
	font-size: 11px; 
	font-weight: bold;
	cursor: pointer; 
	cursor: hand; 	
}

.main_dnnmenu_rootmenuarrow {
	font-size: 11px; 
	font-weight: bold;
	cursor: pointer; 
	color: #000; 
	cursor: hand;
}

.StandardButton {
  background-color: #ccc; 
  color: #666;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.migalhaPao {
	width: 780px;
 	height: 15px;
 	padding-left: 15px;
    border: 0 solid #666;
}

.migalhaPao span {
	margin: 0;
	padding: 0;
    font-family: Tahoma, Verdana;
    font-weight: normal;
    color: #000;
}

.migalhaPao span a{
    text-decoration: none;
    font-family: Tahoma, Verdana;
    font-weight: normal;
    font-size: 10px;
    color: #499fb1;
}

.corpoConteudo {
	margin-bottom: 40px; /* necessario para o espa�amento entre a content e o footer */
}

.conteudo {
	position: relative;
	width: 780px;
	height: auto;
	display: table;
}



.conteudo {
	position: relative;
	padding: 0 0 0 0;
	width: 780px;
	height: auto;
	display: table;
	border: 0 solid #ccc;
}

.publicidade {
	width: 760px;
	padding-left: 10px;
	height: auto;
	border: 0 solid #666;
}

.contentInterna {
    float: left;
	width: 570px;
	height: auto;
    padding: 0 10px 0 10px;
	border-right: 1px solid #ccc;
}

.contentInternaFull {
	display: table;
	width: 780px;
	height: auto;
    padding: 0 10px 0 10px;
	border-right: 0 solid #999;
}

.contentRight {
	float: left;
	width: 173px;
	height: auto;
    padding-left: 15px;
    border: 0 solid #999;
}

.destaque {
    float: right;
    width: 178px;
    _width: 180px;
    height: auto;
    padding: 0 10px 0 10px;
    border-left: 1px solid #ccc;
}

.destaque .texto {
    font-family: Tahoma, Verdana;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.destaque .texto a:link, a:visited, a:active {
    font-family: Tahoma, Verdana;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.destaque .texto a:hover {
    font-family: Tahoma, Verdana;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
    color: #000;
}

.noticias {
    float: left;
    width: 160px;
    _width: 195px;
	height: auto;
    padding: 0 10px 0 10px;
    border-right: 1px solid #ccc;
    display: table;
}

.animacaoProdutos {
    float: left;
    width: 375px;
	_width: 385px;
	height: auto; /* para o IE */
    padding: 0 10px 0 12px;
    border: 0 solid #999;
}

.nocontentPane {
	display: none;
}	

.rodape 
{
	clear: both;
	position: relative;
	padding: 10px 0 0 0;	
	border: 0 solid #999;
}

.text {
	font-family: Tahoma, Verdana;
    font-weight: normal;
	text-align: center;
    font-size: 10px;
    padding: 0 0 0 20px;
    color: #333;
}

.endereco_brasil {
	font-family: Tahoma, Verdana;
    font-weight: normal;
	text-align: center;
    font-size: 10px;
    color: #666;
    line-height: 15px;
    padding: 0 0 0 20px;
}

.endereco_argentina {
	font-family: Tahoma, Verdana;
    font-weight: normal;
	text-align: center;
    font-size: 10px;
    color: #666;
    line-height: 15px;
    padding: 0 0 0 20px;
}

.rodape .endereco_eua {
	font-family: Tahoma, Verdana;
    font-weight: normal;
	text-align: center;
    font-size: 10px;
    color: #666;
    line-height: 15px;
    padding: 0	0 0 20px;
}

.rodape, .push {
	position: relative;
	width: 780px;
	height: 47px; /* push deve estar � mesma altura que o .rodape */
	margin: 0 auto;
}

.space5 {
	line-height: 5px;
    clear: both;
}

.space10 {
	line-height: 10px;
    clear: both;
}

.space20 {
	line-height: 20px;
    clear: both;
}

h2 {
    font-family: Tahoma, Verdana;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 5px 0;
    color: #499fb1;
}

h3 {
    font-family: Tahoma, Verdana;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0 5px 0;
    color: #666;
}

.subTitleForm {
    font-family: Tahoma, Verdana;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 0 5px 0;
    color: #666;
}

/* form */


.msnObrigatorio {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	color: #666;		
}	

.msnICOObrigatorio {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #499fb1;		
}

.msnFieldError {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #ff0000;	
}	

.label {
	width: auto;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	line-height: 20px;
	padding-right: 5px;
	color: #499fb1;	
}

.value {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	color: #000;	
}

.valueTotal{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	color: #000;	
}

.textBox {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	height: 17px;
	line-height: 15px;
	border: 1px solid #999;
	padding: 0 0 0 3px;
	background-color: #fff;
	color: #666;
}

.multiLine {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #999;
	padding: 0 0 0 3px;
	height: 100px;
	background-color: #fff;
	color: #666;
}

.dropDownList {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;  
	border: 1px solid #999;
	background-color: #fff;
	color: #666;
}

/* GridView */

.headerStyle th {
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #fff;
	border: 1px solid #fff;
	background-color: #499fb1;
	padding: 5px;
}

.alternatingRowStyle {
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	color: #666;
	border: 1px solid #fff;
	background-color: #ccc;
	padding: 5px;
}

.rowStyle {
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	color: #666;
	border: 1px solid #fff;
	background-color: #ececec;
	padding: 5px;
}


/* 
================================
FIM Estilo para o website Vitopel
================================
*/