/* Definições iniciais */
* {
	margin: 0; 
	padding: 0; 
	border: 0;
}
input, textarea {outline: none;}
html, body {height : 100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
legend {color:#000;padding:0;text-indent:0;}
ol,ul {list-style:none;}
q:before,q:after {content:'';}
input {font:inherit;}

/* Fim das definições iniciais */

body {
	background: #ffffff url(images/fundo_site_f.jpg) repeat-x fixed top left;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo { 
	width:780px;
	position:relative;  /*Contexto de posicionamento */
	background:#fff url(images/bg-auxiliar.gif) repeat-y left;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	}
* html #tudo {height: 100%;}

img#loja {margin: 5px 5px 5px 20px;}

a:link {
text-decoration : underline;
color : #730000;
font-weight : bolder;
}

a:visited {
text-decoration : none;
color : #000000;
}

a:hover {
color : #730000;
text-decoration : underline overline;
font-weight : bolder;
}

a:active {
text-decoration : underline;
color : #730000;
font-weight : bolder;
}

/* ----------------------------------------------- */
/* Image replacement para a imagem de topo */
/* ----------------------------------------------- */
h1#topo {
	position: relative;
	width: 780px;
	height: 298px;
	background-image: url(images/hinode_topo_f.jpg);
}

h1#topo span {
	display: none;
}

/* ----------------------------------------------- */
/* Menu de áreas do site                           */
/* ----------------------------------------------- */
ul#nav {
	position:relative; 
	left:0px; 
	top:0px;
	width: 780px;
	margin:0; 
	padding:0;
	height:30px;
	text-transform: none;
	background:#730000;
	} 
ul#nav li { 
	margin-right:5px;
	display: inline;
	list-style-type: none;
	text-transform: none;
	}
ul#nav li a { 
	float:left;  /*Corrige bug no IE7 que não expande background do estado over para padding top e bottom */
	color: #e0bbc2;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 15px 5px 15px;
	margin-right:5px;
	}
ul#nav li a:hover {  
	background:#e0bbc2;
	color: #000;
	}

/* ----------------------------------------------- */
/* Colunas                                         */
/* ----------------------------------------------- */
#principal {
	width: 780px;
	height: auto;
	float: right;
	text-align:justify;
	padding-bottom:30px;
	/*border:solid #ead9df;
	border-width:0 1px;	*/
	}
#principal h1 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.5em;
	color : #730000;
	text-align : left;
	margin: 20px 30px 20px 20px;
}

#principal h2 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.5em;
	color : #731800;
	text-align : left;
	margin: 20px 30px 20px 20px;
}

#principal h3 {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1.2em;
	color : #731800;
	text-align : left;
	margin: 20px 30px 20px 20px;
}
	
#principal p {
	font-family : Tahoma, Verdana, Arial;
	font-size : 1em;
	color : #000000;
	text-align : justify;
	margin: 20px 30px 20px 25px;
}

/* ----------------------------------------------- */
/* Menu de produtos					               */
/* ----------------------------------------------- */
#confira {
width: auto;
margin: 0 25px 0 25px;
}

#motivos {
width: 430px;
padding: 0;
margin: 0 5px 0 280px;
font: 1em Tahoma, Verdana, Arial;
border:solid #ead9df;
border-width:1px;	
position: relative;
}
#motivos ul {
list-style: none;
margin: 0;
padding: 0;
}
#motivos li {
margin: 0;
display: block;
padding: 5px 5px 5px 0.5em;
text-decoration: none;
}

#video {
width: 240px;
margin: 0 5px 0 5px;
border:solid #ead9df;
border-width:1px;	
float: left;
padding: 5px 5px 5px 0.5em;
}

#apresentacao {
width: 480px;
margin: 0 5px 0 5px;
/*border:solid #ead9df;*/
border-width:1px;	
float: left;
padding: 0 5px 5px 0.5em;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#motivos  li { float: left; height: 1%; }

/* ----------------------------------------------- */
/* Rodapé       					               */
/* ----------------------------------------------- */	
.clear {clear:both;}
#rodape {
	background:#fff;
	width:780px;
	height:20px;
	position: absolute;
	bottom: 0; /**/ 
	font-size:0.9em;
	}
	
#rodape p {
	margin:0;
	font-weight:bold;
	color:#e0bbc2;
	text-align:center;
	}

/* ----------------------------------------------- */
/* Contato       					               */
/* ----------------------------------------------- */	
	
form.contato label, form.contato textarea {display:block;}
form.contato form {width:400px;}
form.contato input {width:250px;}
form.contato input#ddd {width:30px;}
form.contato input#telefone {width:200px;}
form.contato input#dddcel {width:30px;}
form.contato input#telefonecel {width:200px;}
form.contato input#enviar{width:auto;}
form.contato textarea {width:380px; height:140px;} 

form.contato #ddd-telefone {width:254px;}
form.contato div.um {float:left;}
form.contato div.dois {float:right;}

form.contato #celular {width:254px;}
form.contato div.tres {float:left;}
form.contato div.quatro {float:right;}


form.contato label {margin-top:10px;}
form.contato select {margin-bottom:10px;}
form.contato input#enviar {margin-top:10px;}
div.um, div.dois {margin-bottom:10px;}
form.contato  {
 width:450px;
 margin-top:30px;
 margin-left:20px;
 }
form.contato fieldset {
	padding:10px 15px; 
	border:none;
	border: 1px solid #999;
	/*border-left: 1px solid #999;*/
	}
form.contato legend {
	padding:1px 10px;
	border:1px solid #999;
	}
form.contato select {
	border:1px solid #999;
	}	
form.contato label span {color:#e0bbc2;}
form.contato legend {color:#e0bbc2;}
form.contato input, form.contato select, form.contato textarea {border:1px solid #999;}
dt {
	color:#f60; 
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	}
/* ----------------------------------------------- */
/* Mostra slides                                   */
/* ----------------------------------------------- */
#slides {
padding: 10px;
margin: 20px 30px 20px 20px;
height: 227px;
}

#show {
	margin:0px;
	position:relative;
	width:561px;
	height:auto;
	margin-left:20px;
	
}
#pager {
	bottom:0px;
	position:relative;
	float:left;
}
#pager a {
	background:#f3f3f3;
	color:#b9b9b9;
	display:block;
	font-size:0.8em;
	margin:3px 0 0;
	padding:4px 0;
	text-align:center;
	text-decoration:none;
	width:19px;
}
			#media
			{
			   margin: 20px 30px 20px 20px;
         }
			#noUpdate
			{
				margin: 0 auto;
				font-family:Arial, Helvetica, sans-serif;
				font-size: x-small;
				color: #fff;
				text-align: left;
				width: 210px; 
				height: 200px;	
				padding: 40px;
			}