/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#000000; font:12px Verdana, Geneva, sans-serif; color:#8e8e8e; line-height:18px; min-width:960px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.body2{ background:url(../images/bg_opacity.png) repeat; position:absolute; height:100%; left:0; z-index:1}
.body3{ background:url(../images/bg_opacity.png) repeat; position:absolute; height:100%; right:0; z-index:1}

.body_menu{ background:url(../images/bg_menu.png) repeat; height:50px; margin-top:3px;}

.marker_left, .marker_right{ position:fixed; z-index:2; top:50%; left:0; display:block; width:48px; height:48px; background:url(../images/marker_left.png) 0 0 no-repeat; margin-top:-24px; cursor:pointer}
.marker_left:hover{ background-position:right;}
.marker_right{ left: auto; right:0; background:url(../images/marker_right.png) right 0 no-repeat}
.marker_right:hover{ background-position: left;}

/* ============================= main layout ====================== */

a{ color:#ca2704; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ float:left; padding:0 0 0 12px}
h2{ font:36px "Times New Roman", Times, serif; color:#fff; line-height:1.0em; padding:0 0 16px 0}
h3{ font:32px "Times New Roman", Times, serif; color:#fff; line-height:1.0em; padding:0 0 16px 0}

p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:130px; width:100%; overflow:hidden;}

#logo{ display:block; background:url(../images/logo3.png) no-repeat; width:380px; height:122px; text-indent:-9999px;z-index:-999}



#menu ul{ display:none}
#menu { height:50px;}
#menu > .no_pad{ margin-right:0}
#menu > li { margin-right:32px; float:left; position:relative;}
#menu > li > a{ display:block; font:16px "Times New Roman", Times, serif; color:#fff; text-transform:uppercase; color:#fff; line-height:50px; padding:0 20px; overflow:hidden; position:relative}
#menu > .active > a{ background:url(../images/bg_menu_active.gif) top repeat-x #000}
#menu > li > a span{ width: 100%; height:50px; background:#000; display:block; position:absolute; top:0px; left:0; z-index:1;}
#menu > .active > a span{ display:none!important}
#menu > li > a strong{ position: relative; font-weight:normal; z-index:2}

#menu .ul_1{ position:absolute; bottom:50px; background:#69be02; padding:0 0 0 0; width:180px;z-index:99}
#menu .ul_1 li{ float:left; padding-right:10px; padding-left:10px; position:relative}
#menu .ul_1 li a{ display:block; font:14px "Times New Roman", Times, serif; line-height:36px; color:#000000; text-transform:uppercase; padding-left:12px; background:url(../images/menu_marker.gif) 0 center no-repeat}
#menu .ul_1 > li > a:hover{ color:#fff}
#menu .ul_2 > li > a:hover{ color:#da8a01}
#menu .ul_2{ position:absolute; bottom:36px; left:0; background:#fff; width:380px;z-index:99}


/* ============================= content ====================== */

#content{ height:630px; overflow:hidden; width:100%; position: relative;}

#content article{ position:absolute; width:960px; height:100%;}

.pad_bot1{ padding-bottom:46px}
.pad_bot2{ padding-bottom:27px;}
.pad_bot3{ padding-bottom:8px;}

.marg_right1{ margin-right:20px;}


.box{ background:url(../images/bg_content.png) repeat; margin:0 10px; padding:50px; width:840px; height:530px; position:relative; overflow:hidden}

.close{ display:block; width:28px; height:28px; background:url(../images/close.gif) 0 0 no-repeat; position:absolute; top:0; right:0;}
.close:hover{ background-position:right}

.list1{}
.list1 li{ line-height:24px;}
.list1 li a{ color:#fff; padding-left:12px; background: url(../images/marker_2.gif) 0 6px no-repeat}
.list1 li a:hover{ color:#ca2704; background-position:0px -14px;}


.link1{ display:inline-block; padding-right:8px; background:url(../images/marker_1.gif) right 8px no-repeat; color:#fff;}
.link1:hover{ color:#ca2704; background-position: right -13px}
.link2{ text-decoration:underline}

/* Lightbox image */
.img {position:relative;overflow:hidden; float:left; float:left; background:#fff;}
.img img {position:relative;z-index:2;}
.img span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}


.box1{ background:#363634; padding:10px; color:#8c9095; margin-top:3px; display:block; padding-bottom:15px; margin-right:2px;}
.box1 .block{ font-size:13px; color:#ca2704; text-transform:uppercase; display:block; padding-top:10px}
.box1 .block_2{ font-size:13px; color:#78d20c; text-transform:none; display:block; padding-top:10px}

.box1:hover{ color:#8c9095; background:#1f1f1e}

.box1_receitas{ background:#363634; padding:10px; color:#8c9095; margin-top:3px; display:block; padding-bottom:10px; margin-right:2px;}
.box1_receitas .block{ font-size:13px; color:#ca2704; text-transform:uppercase; display:block; padding-top:10px}
.box1_receitas:hover{ color:#8c9095; background:#1f1f1e}

.color1{ color:#ca2704}
.color2{ color:#fff;}
.color3{ color:#69be02;}

.date{ display:block; font:19px Arial, Helvetica, sans-serif; color:#626262; background:url(../images/date_box.png) no-repeat; width:39px; text-align:center; line-height:1.2em; padding-top:8px; margin-top:2px; letter-spacing:-1px}
.date span{ display:block; font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding-top:5px; padding-bottom:30px; letter-spacing:0}

.banner{ margin-top:22px; display:block}

#gallery_box{ background:#1e1f1f; position:relative; padding-top:31px; padding-right:12px; width:670px; padding-left:30px; overflow:hidden; float:left; height:191px; }
#gallery_fabrica{ background:#1e1f1f; position:relative;width:651px !important;}
#gallery_fabrica li{ float:left; padding-right:30px;}
.prev, .next{ display:block; width:54px; height:222px; position: relative; float:left; background:url(../images/gallery1_marker_left.jpg) right 0 no-repeat}
.next{ float:right; background:url(../images/gallery1_marker_right.jpg) 0 0 no-repeat}
.prev:hover{ background-position:left}
.next:hover{ background-position:right}

.cols{ width:234px; float:left;}
.cols.marg_right1{ margin-right:52px;}
.cols2{ width:163px; float:left; padding-left:18px;}

/*--- tabs begin ---*/
.tabs { width:100%; overflow:hidden;}
.tabs ul.nav { padding-top:3px}
.tabs ul.nav li{ margin-bottom:3px;}
.tabs ul.nav li a{ display:block; font:21px "Times New Roman", Times, serif; line-height:42px;color:#fff; background:#1e1f1f; padding-left:14px;}
* +html .tabs ul.nav li a{ padding-left:0;}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a { background:#ca2704}
.tabs .tab-content { padding-top:3px;}
.tabs .tab-content-receitas { padding-top:0px;}
/*--- tabs end ---*/

.dropcap{ padding:3px 0 10px 62px; background:url(../images/dropcap.png) 34px 2px no-repeat;}
.dropcap_receitas{ padding:3px 0 10px 26px; background:url(../images/dropcap.png) 0px 2px no-repeat;}


#icon{ padding:7px 0 47px 0; width:100%; overflow:hidden}
#icon li{ float:left; padding-right:1px;}

/* Lightbox image */



#page2 .pad_bot1{ padding-bottom:24px}
#page2 .pad_bot2{ padding-bottom:21px}

#page3 .pad_bot1{ padding-bottom:53px}
#page3 .cols figure{ padding-top:4px;}

#page4 .pad_bot1{ padding-bottom:14px}

#page5 .pad_bot1{ padding-bottom:30px; padding-top:4px;}

#page6 .pad_bot2{ padding-bottom:33px;}

/* ============================= footer ====================== */

footer { color:#b6b6b6; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; overflow:hidden; padding:32px 0 31px 0}
footer a{}
footer a:hover{}

footer .right{ margin-right:25px;}

#icons{ float:left; padding:7px 0 0px 0}
#icons li{ float:left; padding-right:3px;}

.privacy{ float:right; width:300px; padding-right:20px; font-size:14px; color:#e7e7e7; text-align:right; margin-top:-2px;}
.privacy a{ color:#e7e7e7}
.privacy a:hover{ color:#69be02}

.privacy nav{ display:block; padding:8px 0 0 0; margin-right:-8px;}
.privacy li{ float:right; padding-left:5px;}
.privacy li a{ display:block; color:#858585; padding:0 5px; line-height:21px;}
.privacy li a:hover{ background:#69be02; color:#fff;}

/* Tooltips */
.aToolTip {	border:1px solid #fff; background:#fda102; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
.ToolTip {	border:1px solid #fff; background:#69be02; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.ToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }


/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:18px; border:1px solid #a4a4a4; background:#2a2a2a; padding:0 3px; margin-bottom:5px;color:#6e6e6e; text-transform:uppercase;}
#ContactForm textarea { overflow: auto}



#contact-form { padding-top:6px; width:400px;}
#contact-form .link1{ position:absolute; bottom:-18px}
#contact-form #submit{ left:410px}
#contact-form #clear{ left:345px}
#back{ float:right;}
#contact-form input {  width:237px; background: #363634; padding:9px 15px;  float:left; font:12px Verdana, Geneva, sans-serif; color:#8e8e8e; height:14px;}
#contact-form textarea { overflow: auto;  width:369px; background: #363634; padding:9px 15px;  float:left; font:12px Verdana, Geneva, sans-serif; color:#8e8e8e; height:58px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:41px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:94px; overflow:hidden;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:red;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{
	padding:16px 30px; background:#363634;
}
#contact-form .bg{ float:left;background: none;}

img.a {position: absolute;width:32px; height:32px; float:left;z-index: 10; margin-left:37px;}
img.a1 {position: absolute;width:32px; height:32px; float:left; margin-left:37px;}
img.b {position: absolute;width:32px; height:32px; float:left;z-index: 10;}
img.b1 {position: absolute;width:32px; height:32px; float:left;}
img.c {position: absolute;width:32px; height:32px; float:left;z-index: 10;}
img.c1 {position: absolute;width:32px; height:32px; float:left;}