/* @override http://bramolde/css/main.css */

/* @group Defaults */
body { background: #333 url(images/background.png) repeat-x; font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h1 { font-size: 15px; }
a { text-decoration: none; }
p { font-size: 11px; margin-bottom: 7px; line-height: 15px; }
small { font-size: 8px; }
form { width: 275px; }
form select { border: 1px solid #000; background: #000; color: #fff; padding: 3px 7px; width: 275px; margin: 0 0 2px; }
form input[type="text"], form textarea { border: 1px solid #000; background: #000; color: #fff; padding: 3px 7px; width: 259px; margin: 0 0 2px; }
form .error { border: 1px solid #f00 !important; }
form label.error { display: none !important; }
/* @end */

/* @group Misc */
#container.home { background: url("images/background-2.png") repeat-x scroll 0px 147px transparent; margin-top: 7px; position: relative; height: 675px; margin-bottom: 60px; }
#container.company { background: url("images/background-2.png") repeat-x scroll 0px 147px transparent; margin-top: 7px; position: relative; height: 675px; margin-bottom: 60px; }
#container.categories { background: url("images/background-2.png") repeat-x scroll 0px 330px transparent; margin-top: 7px; position: relative; height: 955px; margin-bottom: 60px; }
#container.styles { background: url("images/background-2.png") repeat-x scroll 0px 330px transparent; margin-top: 7px; position: relative; height: 955px; margin-bottom: 60px; }
#container.products { background: url("images/background-2.png") repeat-x scroll 0px 147px transparent; margin-top: 7px; position: relative; height: 675px; margin-bottom: 60px; }
#container.product { background: url("images/background-2.png") repeat-x scroll 0px 147px transparent; margin-top: 7px; position: relative; height: 675px; margin-bottom: 60px; }
#container.contacts { background: url("images/background-2.png") repeat-x scroll 0px 147px transparent; margin-top: 7px; position: relative; height: 675px; margin-bottom: 60px; }
#container .bg { background: url(images/bg.jpg) no-repeat center 0px; }
.row { width: 920px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.right-footer { float: right; }
.watermark { color: #fff !important; }
.frame { height: 357px; width: 890px; padding: 11px 15px 21px; background: url(images/frame.png); }
.frame .wrapper { padding: 54px 106px; height: 249px; background: #000; color: #fff; }
/*.shadow { position: absolute; bottom: 55px; background: url(images/shadows/01.png) no-repeat; width: 365px; height: 24px; }*/
.shadow.left { left: 0; }
.shadow.right { right: 0; background-position: right center; }
#content { width: 1190px; margin: 0 auto; position: relative; height: 465px; overflow: hidden; }
.baderous { position: relative; width: 1190px; margin: 0 auto; }
.baderous .frame { margin: 0 auto; }
.baderous .shadow { z-index: -1 }
#description.left { width: 400px; margin-left: 15px; padding-top: 70px }
/* @end */

/* @group Header */
#header { margin-top: 7px; margin-bottom: 11px; overflow: hidden; padding-left: 15px; width: 895px; padding-right: 10px; }
#header img { margin-top: 15px; width: auto; }

/* @group Menu */
#menu { width: 90px; margin-top: 17px; margin-bottom: 10px;}
#menu li { margin-bottom: 2px; }
#menu a { display: block; height: 13px; padding-bottom: 3px; padding-left: 8px; color: #000; cursor: pointer; }
#menu a.active, #menu a:hover { color: #fff !important; background: #000; }
/* @end */

/* @group Submenu */
.submenu { float: left; margin-left: 8px; margin-top: 14px; }
.submenu .categories { padding: 10px 0 0 10px; width: 141px; height: 80px; background: url(images/submenu/categories.png); margin-bottom: 10px;}
.submenu a { color: #000; }
.submenu a:hover { color: #fff; }
.submenu .categories li { margin-bottom: 1px; }
.submenu .categories li.active { background: url(images/submenu/tip.png) no-repeat right center; }
/* @end */

/* @group Styles */
.styles.submenu { margin: 0; background: #fff; position: relative; margin: 14px 10px 10px 0; width: 455px; padding: 5px 10px; height: 80px; }
#line-fashion.styles.submenu { margin: 0; background: #fff; position: relative; margin: 14px 10px 10px 0; width: 520px; padding: 5px 10px; height: 80px; }
#paineis-para-portas.styles.submenu { width: 325px; }
.styles.submenu li.styles { float: left; }
.styles.submenu .column { float: left; width: 64px; }
#line-fashion.styles.submenu .column { float: left; width: 52px; }
.styles.submenu .column li { margin-bottom: 3px; }
.styles.submenu .column li a.active, .styles.submenu .column li a:hover { padding-bottom: 1px; margin-bottom: 2px; border-bottom: 1px solid; color: #000; }
.styles.submenu .shadow { width: 443px; height: 10px; left: 0; background: url(images/submenu/shadows/top.png) no-repeat; }
.styles.submenu .shadow.top { top: -10px; margin-top:75px; }
.styles.submenu .shadow.bottom { bottom: -10px; background: url(images/submenu/shadows/bottom.png) no-repeat; }
.styles.submenu .shadow.right { top: 3px; left: 476px; height: 76px; width: 10px; background: url(images/submenu/shadows/right.png) no-repeat; }
#paineis-para-portas.styles.submenu .shadow.top, #paineis-para-portas.styles.submenu .shadow.bottom { left: -65px; }
#paineis-para-portas.styles.submenu .shadow.right { left: 345px; }
/* @end */
/* @end */

/* @group Footer */

#footer { overflow: hidden; margin-top: 20px; text-align: right; }
#footer .row { position: relative; padding-bottom: 32px; }
#footer img { margin-left: 12px; }
#footer small { margin-right: 7px; }

/* @group Languages */
#languages { width: 109px; margin-bottom: 7px; }
#languages li { float: left; }
#languages a { color: #000; margin-right: 3px; display: block; padding: 0 5px 2px; }
#languages a.active, #languages a:hover { background: #000; color: #fff; }
/* @end */

#development { background: url(images/footer.png) repeat-x left bottom; height: 14px;}
#development .row { position: relative; }
#development #gen { position: absolute; right: 7px; z-index: 9999; margin: 0; }
/* @end */

/* @group Home */
.home .shadow { width: 144px; }
/* @end */

/* @group Company */
.company .right { position: relative; width: 505px; }
.company .image { position: absolute; left: 15px; top: 2px; }
.company #image_01 { width: 264px; height: 359px; z-index: 0; }
/*.company #image_02 { width: 380px; height: 299px; background: url(images/company/02.png); top: 70px; left: 180px; z-index: 0; } */
.company .shadow { top: 310px; width: 123px; }
.company .shadow.left { left: -45px; }
.company .shadow.right { right: -130px; }
/* @end */

/* @group Contact */
.contacts #description.left { width: 337px; }
.contacts .row > .right { position: relative; }
.contacts .row > .right h1 { margin-bottom: 10px; margin-left: 5px; }
.contacts #message { margin-top: 20px; }
.contacts #google { padding: 11px 23px 39px 10px; width: 535px; height: 256px; background: url(images/map.png); }
.contacts .shadow { top: 210px; width: 124px; }
.contacts .shadow.left { left: -120px; }
.contacts .shadow.right { right: -108px; }
/* @end */

/* @group Products */
#content.categories, #content.styles { height: 730px; }
#content.categories .row, #content.styles .row { width: 1069px; margin-top: 30px; }
#categories { padding-top: 60px; overflow: hidden; }
#categories li { margin-right: 90px; margin-left: 64px; }
#categories li a { text-decoration: none; display: block; }
#categories li a.text { margin-left: 75px; margin-bottom: 10px; height: 46px; width: 163px; background: url(images/products/01.png) no-repeat; }
#categories li a.download { margin-left: 75px; margin-bottom: 2px; width: 73px; height: 13px; background: url(images/products/btn-download.jpg) no-repeat; }
#categories li a.visualizar { margin-left: 75px; margin-bottom: 15px; width: 73px; height: 13px; background: url(images/products/btn-vizualisar.jpg) no-repeat; }
#categories li#perfis { margin-top: 0px; margin-right: 20px;margin-left: 40px; }
#categories li#perfis a.text { margin-left: 39px; margin-bottom: 10px; width: 127px; height: 45px; background: url(images/products/02.png) no-repeat; }
#categories li#perfis a.download { margin-left: 39px; margin-bottom: 2px; width: 73px; height: 13px; background: url(images/products/btn-download.jpg) no-repeat; }
#categories li#perfis a.visualizar { margin-left: 39px; margin-bottom: 30px; width: 73px; height: 13px; background: url(images/products/btn-vizualisar.jpg) no-repeat; }
#categories li#new_line { margin-top: 0px; margin-right: 70px;margin-bottom: 42px; }
#categories li#new_line a.text { margin-left: 21px; margin-bottom: 10px; width: 130px; height: 36px; background: url(images/products/03.png) no-repeat; }
#categories li#new_line a.download { margin-left: 21px; margin-bottom: 2px; width: 73px; height: 13px; background: url(images/products/btn-download.jpg) no-repeat; }
#categories li#new_line a.visualizar { margin-left: 21px; margin-bottom: 45px; width: 73px; height: 13px; background: url(images/products/btn-vizualisar.jpg) no-repeat; }
#categories li#fashion { margin-top: 0px; margin-right: 0px; margin-left: 285px; }
#categories li#fashion a.text { margin-left: -3px; margin-bottom: 10px; width: 173px; height: 38px; background: url(images/products/05.png) no-repeat  ; }
#categories li#fashion a.download { margin-left: 0px; margin-bottom: 2px; width: 73px; height: 13px; background: url(images/products/btn-download.jpg) no-repeat; }
#categories li#fashion a.visualizar { margin-left: 0px; margin-bottom: 18px; width: 73px; height: 13px; background: url(images/products/btn-vizualisar.jpg) no-repeat; }
#categories li#retiline { margin-top: 0px; margin-right: 0px; margin-left: 115px; }
#categories li#retiline a.text { margin-left: -3px; margin-bottom: 10px; width: 173px; height: 38px; background: url(images/products/04.png) no-repeat  ; }
#categories li#retiline a.download { margin-left: 0px; margin-bottom: 2px; width: 73px; height: 13px; background: url(images/products/btn-download.jpg) no-repeat; }
#categories li#retiline a.visualizar { margin-left: 0px; margin-bottom: 33px; width: 73px; height: 13px; background: url(images/products/btn-vizualisar.jpg) no-repeat; }
/* @end */

/* @group Products */

#content.products, #content.products .row { width: 100%; background: url(images/products/bg.png) repeat-x; height: 450px;}
#products { position: relative; padding-top: 34px; height: 335px; }
#products ul { position: absolute; overflow: hidden; }
#products ul li { float: left; margin-right: 65px; height: 252px; width: 110px; background: url(images/loader.gif) no-repeat center center; }
#products ul li.first { float: left; width: 1px; height: 1px; background: none; }
#products ul li a, a#door { display: block; height: 252px; width: 110px; }

/* @group Slider */
#slider { margin: 270px auto 0px auto; }
#slider .slider { width: 365px; height: 26px; position: relative; background: url(images/slider/slider.png) no-repeat center; margin: 0px auto; cursor: pointer; }
#slider .handle { position: absolute; cursor: move; height: 27px; width: 50px; top: 0; background: url(images/slider/handler.png) no-repeat; z-index: 100; }
/* @end */

/* @group Picker */
#picker-wrapper { width: 100%; height: 6px; position: absolute; bottom: 30px; }
#picker { width: 165px; height: 6px; margin: 0px auto; position: relative; }
#hue { position: absolute; width: 165px; background: url(images/slider/picker.png) no-repeat; height: 4px; overflow: hidden; cursor: pointer; }
#selector { position: absolute; top: -1px; height: 6px; width: 4px; background: url(images/slider/handle.png); overflow: hidden; }
/* @end */
/* @end */

/* @group Product Show */
#content.product { height: 450px; }
.product .frame { position: relative; }
.product .frame h1 { font-size: 36px; margin-bottom: 34px; }
.product .frame sup { font-size: 12px; vertical-align: 15px; margin-left: 15px; }
.product .frame h2 { font-size: 15px; }
.product .frame p { margin: 0; font-size: 10px; }
.product .frame #arrows { position: absolute; top: 20px; right: 25px; }
.product .frame #door { margin-right: 82px; background: #fff url(images/loader.gif) no-repeat center center; }
.product .frame #picker-wrapper { bottom: 72px; }
.product .frame #picker { margin: 0; }

.product .frame img#door_size { display: none; position: absolute; left: 121px; width: 109px; height: 251px; border: 1px solid #fff;}

.product .frame .column { height: 88px; width: 162px; margin-right: 30px; position: relative; }
.product .frame .column a.link { position: absolute; bottom: 0; width: 162px; border-top: 1px solid #fff; color: #fff; text-decoration: none; display: block; padding-top: 6px; font-size: 9px; cursor: pointer; }
/* @end */

#technologies_container {height: 1570px; background: url(../images/technologies/bg-brilho.png) no-repeat center center }
#technologie_container {width: 920px; margin: 0 auto;}

#principal { padding-left: 10px; padding-right: 10px; margin-top: 30px; margin-bottom:31px; height: 360px;}

#bramolde_text {width:352px;}

#principal_title small { font-size: 29px; color: #8ac0c1}
#principal_title {margin-top:32px; width:352px;}

#principal_news small { font-size: 10px; color:#fff}
#principal_news {margin-top: 35px; width:352px;}

#principal_containt { float: left; margin-right:140px; margin-bottom:41px}
#principal_image { float: left; background: url(../images/technologies/img-principal.png); width: 360px; height: 369px; }
#peca_maquinada { position: relative; top: 42px; left: -6px; height: 86px; width:86px}

#green_bar { width: 100%; height: 327px; background: url(../images/technologies/bg-barra-verde.png); margin-bottom: 35px; }

#green_content {width: 1020px; padding-top: 68px; margin: auto}
#green_list li { float: left; margin: 0 10px; }
.green_translate{ margin-bottom:81px}

.green_title h1 { font-size: 11px; color: #fff}
.green_translate small { font-size: 10px; color: #fff}

#machine6 .green_translate {margin-bottom: 40px}
#machine3 .green_translate {margin-bottom: 81px}
#machine4 .green_translate {margin-bottom: 55px}

#center_machining { float: left; width: 302px; height: 220px; margin-top: 5px;}
#center_machining_img { float: left; }
#electro_erosion { float: left; width: 302px; height: 220px; margin-top: 5px}
#electro_erosion_img { float: left; }
#retifier { float: left; width: 302px;  height: 220px; margin-top: 5px}
#retifier_img { float: left; }
#milling_machine { float: left; width: 302px;  height: 220px; margin-top: 5px}
#milling_machine_img { float: left; }
#double_effect_press { float: left; width: 302px;  height: 220px; margin-top: 5px}
#double_effect_press_img { float: left; }
#edm_wire { float: left; width: 302px;  height: 220px; margin-top: 5px}
#edm_wire_img { float: left; }

#center_machining_title{ margin-top: 31px; margin-right: 38px}
#electro_erosion_title { margin-top: 31px}
#retifier_title { margin-top: 31px}
#milling_machine_title { margin-top: 31px}
#double_press_title { margin-top: 31px}
#edm_wire_title { margin-top: 31px}

#double_press_img {margin-top: 85px}
#electro_erosion_img { margin-top: 60px; position:relative; right: 35px}
#retifier_img { margin-top: 60px}
#milling_machine_img { margin-top: 85px}
#edm_wire_img { margin-top: 85px; position: relative; right: 35px}

#machines_list .column { float:left; width: 306px; background: url(../images/technologies/linha-v-2.png) repeat-y 280px top; margin-top: 8px}
#machines_list .column.last { background: none; }

.list_text { float: left;}

.list_title small { font-size:17px; color: #8ac0c1}
.list_title { margin-bottom: 9px}
.list_translate small { font-size: 11px; color: #8ac0c1}
.list_translate { margin-bottom: 19px}
.list_description small { font-size: 10px; color: #fff}

#preocupacao_ambiental { float: left; width: 603px; background: url(../images/technologies/linha-v.png) repeat-y 602px top;}
#logo_ambiental {float:left; margin-right:33px}
#title_ambiental { padding-top: 10px;margin-bottom: 13px;}

#logo_bramolde { float:left; margin-right:33px}
#text_ambiental small { font-size:10px; color: #fff}
#phone_bramolde small { font-size:10px; color: #fff}
#contact_bramolde small { font-size:10px; color: #fff}

#title_bramolde { padding-top: 10px; margin-bottom: 5px}
#contact_bramolde {margin-bottom: 10px}

#bramolde_lda{ float: left; margin-left: 20px; width:314px;}

#technologies_footer { width:937px; margin: 0 auto; height: 133px;}

#horizontal_line { width: 900px; margin: 0 auto;}

.baderous { position: relative; width: 1190px; margin: 0 auto; }
.baderous .video { margin: 0 auto; }

.video { height: 420pxx; width: 890px; padding: 6px 7px 15px; background: url(../images/technologies/bg-video.png); }
.video .wrapper { padding: 54px 106px; height: 249px; background: #000; color: #fff; }

.tech { background: url(../images/technologies/bg-color.png)}