@charset "UTF-8";
/* CSS Document */

*{
	position:inherit;
	height:auto;
}
body, .wrapper
{
   width: auto;
   /* max-width: 320px; */ /* max_width works with iPhones, but doesn't format well with new Android phones and devices that are wider than 320px */
   min-width: 0px;
}

body{
	margin-top:0;
}

.input
{
	width: auto;
}	
/*If you have a textarea that has a wide
	cols attribute you will want to change it to use width: 100%
*/
textarea
{
	width: 100%;
}
/* Sometimes you might have a really wide table or div or pre that just won't fit in the width of a
mobile device causing the page to have to scroll sideways (horizontally) to view the whole
div or table.  Add the following break_word class and the table or div will even split in
the middle of words to try to format it to the width of the device:
Examples: <table class='break_word'> or <div class='break_word'>
*/
.break_word
{
	width: auto; 
	word-wrap: break-word; 
	word-break: break-all;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#cabecalho,
#empresa,
#produtos,
#contato,
#contato form input,
#contato form textarea,
#empresa .destaque,
#empresa .secao{
	width:auto;
	height:auto;
}

#empresa{
	background:#FFF;
}

#cabecalho{
	position:static;
	margin-left:0;
	left:0;
}

h1{
	background:url(images/marca_sd.png) top center #5a0e10 no-repeat;
	width: 100%;
	height: 90px;
	text-indent: -999px;
	overflow: hidden;
    margin-bottom: 25px;
}

#navegacao {
	padding: 0;
	text-align: center;
}

#navegacao ul#menu li{
	padding: 25px;
	background-color:#000;
	line-height:inherit;
	border-left:none;
	border-bottom:2px solid #333;
	display:block;	
}

.secao{
	display:block;
}

#contato .destaque,
.palavra_menor,
#empresa .destaque,
.palavra_grande{
	font-size:inherit;
}

#contato .destaque{
	position:inherit;
	top:inherit;
	right:inherit;
	line-height:inherit;
	text-align:right;
    background-size: 20px;
    padding-right: 25px;
}

#contato .endereco{
	margin:0;
	float:none;
}

#empresa .mais{
	width:auto;
}

#contato form{
	margin:10px 0;
}

#contato form input[type="submit"],
#contato form input, 
#contato form textarea{
	width: 100%;
}

.produto_aberto .caracteristicas{
	width:auto;
	float:none;
	margin-right:0;
}