html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, div, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {	text-decoration: none; }
a:hover { text-decoration: underline; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr { display: none; }

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999; }
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99997; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99997; }
.modal { visibility: hidden; cursor: pointer; }

#activity {
	position: absolute;
	z-index: 99999;
	top: 200px;
	left: 50%;
	font-size: 0.8em;
	margin-left: -90px;
	color: #000;
	background: #FFF url(../index.html) no-repeat right center;
	border: 2px solid #BBB;
	text-align: right;
	padding: 5px 126px 5px 5px;
}
#activity.disabled {
	display: none;
	visibility: hidden;
}

#accessJumperMenu {
	display: none;
	position: absolute;
	top: -150px;
}

.crop {
	width: 898px;
	margin: 0 auto;
	padding: 0 18px;
	text-align: left;
	overflow: hidden;
}
.corner-all {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

html {
	/*background: #e6d8e4 url(../img/layout/bg.png) repeat-x top center;*/

}
body {
	text-align: center;
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	background-image: url("../img/layout/bg.png");
	color: #555;
	padding-top: 10px;
}



#page { background: #FFF url(../img/layout/bg.jpg) repeat-x top center;}

#header { height: 254px; display: block; }

#header div.header-sup {
	text-align: center;
	display: block;
	background: url('../img/layout/topo.jpg') center 0 no-repeat;
	height: 195px;
}

#header div.header-sup h1 {
    height: 195px;
    display: block;
    width: 618px;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
}

#header div.header-sup h1 a {
    height: 133px;
    display: block;
    width: 618px;
    text-indent: -10000px;
}

#header div.header-inf {
	height: 61px;
	margin: -24px 0 0 0;
}

#header div.header-inf ul {
    display: block;
    width: 981px;
    margin: 0 auto;
    -moz-box-shadow: 0 2px 5px 0 #444;
    -webkit-box-shadow: 0 2px 5px 0 #444;
    box-shadow: 0 2px 5px 0 #444;
    height: 62px;
    -moz-border-radius: 0 0 9px 9px;
    -webkit-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
}

#header div.header-inf ul li {
    display: inline;
    float: left;
}

#header div.header-inf ul li a {
    display: inline;
    float: left;
    height: 62px;
    text-indent: -100000px;
}

#header div.header-inf ul li.capa a {
    background: url('../img/layout/nav.png') no-repeat;
    width: 72px;
    /*_background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.1.1.4/straussbier/app/webroot/img/layout/nav.png', sizingMethod='sc);
    */
}

#header div.header-inf ul li.empresa a {
    background: url('../img/layout/nav.png') -72px 0 no-repeat;
    width: 108px;
}

#header div.header-inf ul li.produtos a {
    background: url('../img/layout/nav.png') -180px 0 no-repeat;
    width: 160px;
}

#header div.header-inf ul li.calcule a {
    background: url('../img/layout/nav.png') -340px 0 no-repeat;
    width: 161px;
}

#header div.header-inf ul li.onde a {
    background: url('../img/layout/nav.png') -501px 0 no-repeat;
    width: 158px;
}

#header div.header-inf ul li.novidades a {
    background: url('../img/layout/nav.png') -659px 0 no-repeat;
    width: 185px;
}

#header div.header-inf ul li.contato a {
    background: url('../img/layout/nav.png') -844px 0 no-repeat;
    width: 137px;
}
/* experimental */

/*#header div.header-inf ul li a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#header div.header-inf ul li a:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}*/

/* ------- */

#header div.header-inf ul li.capa a:hover { background: url('../img/layout/nav.png') 0 -62px no-repeat;}
#header div.header-inf ul li.empresa a:hover { background: url('../img/layout/nav.png') -72px -62px no-repeat; }
#header div.header-inf ul li.produtos a:hover { background: url('../img/layout/nav.png') -180px -62px no-repeat; }
#header div.header-inf ul li.calcule a:hover { background: url('../img/layout/nav.png') -340px -62px no-repeat; }
#header div.header-inf ul li.onde a:hover { background: url('../img/layout/nav.png') -501px -62px no-repeat; }
#header div.header-inf ul li.novidades a:hover { background: url('../img/layout/nav.png') -659px -62px no-repeat; }
#header div.header-inf ul li.contato a:hover { background: url('../img/layout/nav.png') -844px -62px no-repeat; }

#content {
	margin: 5px auto 20px auto;
	width: 942px;
	text-align: left;
}

#content .content-area {
	background: url(../index.html) no-repeat top center !important;
	background: url(../index.html) no-repeat top center;
	padding: 18px 40px;
	min-height: 480px;
}

h2 {
    height: 30px;
    width: 300px;
    text-indent: -100000px;
}

a.mais  {
	background: url('../img/layout/mais.gif') no-repeat;
	text-indent: -10000px;
	display: inline;
	float: left;
	height: 34px;
	width: 99px;
	margin: 10px 0 0 0;
}

a.mais:hover {
    background: url('../img/layout/mais.gif') 0 -34px no-repeat;
}

#footer {
	background: #FFF url(../img/layout/footer.gif) 0 bottom repeat-x;
	height: 204px;
	color: #FFF;
}

#footer .crop {
    background: #FFF url(../img/layout/footer-inside.jpg) no-repeat;
    height: 188px;
    padding: 0 120px;
}

#footer .crop ul.dev {
    width: 720px;
    height: 32px;
    line-height: 32px;
    margin: 56px 0 0 70px;
}

ul.dev li {
    display: inline;
    float: left;
    width: 360px;
}

ul.dev li.last {
    text-align: right;
}

ul.dev li.last a {
    color: #FFE215;
    font-weight: bold;
}

div#close {
    display: none;
    position: absolute;
    z-index: 1;
}

/* msg */
#flashMessage {
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	border-bottom: 3px solid #01381b;
	color: #ffffff;
	background: #009436;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}