/*
Theme Name: BS Design
Theme URI: http://www.murvaimuvek.hu/
Author: Murvai Zsolt
*/
@charset "UTF-8";

@media screen {

/* NORMALIZES ////////////////////////////////////////////////////////////////////// */
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }

a {color:#859c0e; text-decoration: none; cursor: pointer; }

body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, "Trebuchet MS", sans-serif; font-size: 100%; font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, li { cursor: default; }
ol, ul { list-style-type: none; }
cite { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
img { border: 0; }

body {background:#ffffff url(./images/header_bg.jpg) center top repeat-x;}

#header { margin:auto; padding:0; height:73px;}
.topnav { margin:auto; padding:0; width:960px; height:20px; color:#482703;}
p.topnav_left { float:left; padding-top:3px; font-size:12px; font-weight:bold;}
p.topnav_right { float:right; padding-top:3px; font-size:12px; font-weight:bold;}
p.topnav_left a, p.topnav_right a { padding-left:3px; padding-right:3px; color:#d8bb9e;}
p.topnav_left a:hover, p.topnav_right a:hover { text-decoration:underline;}
p.lng { float:left; padding:3px 20px 0 0; font-size:12px; font-weight:bold;}
p.lng a { margin-left:3px; padding:0 5px; background:#F00; color:#fff; text-decoration:none; }
p.lng a:hover, p.lng a.active { background:#000; color:#fff;}

.top { margin:auto; padding:0; background:transparent; width:960px; height:95px; color:#ffffff;}
.top_barb { margin:auto; padding:0; background:transparent; width:960px; height:95px; color:#ffffff;}
p.top_left { float:left; display:inline-block; width:384px; padding-top:32px; font-size:12px; font-weight:bold;}
p.top_right { float:right; padding-top:32px; font-size:12px; font-weight:bold;}
p.top_right a { color:#d8bb9e;}

#content { margin:auto; padding:0; width:960px;}
#flash { margin-top:0px; padding:0; background:transparent; width:960px;}

.index_box_left, .index_box_right { float:left; display:block; background:transparent url(./images/index_box_bg.jpg) left top no-repeat; width:475px; height:167px;}
.index_box_left {margin-right: 10px;}
.index_box_left p, .index_box_right p { display:block; padding:24px 60px 0px 110px; font-size:12px; color:#774d2a;}
.index_box_left p a, .index_box_right p a{ display:block; margin-top:35px; padding-top:8px; background:url(./images/button_green.gif) left top no-repeat; width:140px; height:23px; font-size:12px; color:#ffffff; text-align:center;}
.index_box_left p { background:url(./images/bs_design.gif) 20px 25px no-repeat;}
.index_box_right p { background:url(./images/barb_tailor.gif) 8px 25px no-repeat;}

.current { clear:left; margin:10px 0px 10px 0px; padding-left:10px; background:transparent url(./images/dotline.gif) left top repeat-x; width:950px; height:160px;}
.current ul {}
li.current_left, li.current_items {float:left;}
li.current_left {width:200px;}
li.current_items img { float:left; margin-top:10px;}
li.current_items p { float:left; display: inline-block; width:200px;  height:100px; padding: 50px 30px 0px 10px; font-size:12px; color:#774d2a;}

.current h1 { padding:35px 0px 0px 0px; font-family:"Arial Black", Arial, sans-serif; font-size:16px; font-weight:bold; color:#774d2a;}
li.current_left a { display:block; margin-top:13px; padding-top:8px; background:url(./images/button_brown.gif) left top no-repeat; width:131px; height:23px; font-size:12px; color:#ffffff; text-align:center;}
span.aquo { font-size:14px;}

.footer_separator { clear:both; height:40px; }
#footer { clear:both; margin:auto; background:#1a0e01 url(./images/footer_bg.jpg) left top repeat-x; width:100%; height:256px; }

.footer_link {position:relative; margin:auto; padding:0; width:960px;}

.bottom_left { position:relative; float:left; display:block; margin-top:47px; margin-left:10px; width:330px; height:130px; color:#774d2a;}
.bottom_center { float:left; display:block; margin-top:47px; width:286px; height:130px;  color:#774d2a;}
.bottom_right {float:right; display:block; margin-top:47px; margin-right:10px; width:284px; height:130px; color:#774d2a;}

.bottom_left, .bottom_center, .bottom_right { font-size:12px;}
.bottom_left h1, .bottom_center h1, .bottom_right h1 { margin-bottom:12px; font-size:16px; font-weight:bold; color:#d8bb9e; text-transform:uppercase;}
.bottom_right h1 a { padding-left:10px; font-size:11px; font-weight:normal; color:#d8bb9e; text-transform:none; }
.bottom_left h1 a, .bottom_center h1 a { color:#d8bb9e;}
.bottom_left h1 a:hover, .bottom_center h1 a:hover { color:#FFFFFF;}
ul.bottom {}
li.bottom p { display:block; background:url(./images/arrow_bullet.gif) left 6px no-repeat; padding-left:18px; width:200px; font-weight:bold; line-height:18px; }
li.bottom p a { display:block; color:#774d2a;}
li.bottom p a:hover { color:#d8bb9e;}

.bottom_right p { line-height:18px; }
.bottom_right p span.op { display:inline-block; vertical-align:middle; width:16px; height:1.4em; background:transparent url(./images/quot.gif) left center no-repeat;}
.bottom_right p span.cl { display:inline-block; vertical-align:middle; width:16px; height:1.4em; background:transparent url(./images/quot.gif) left center no-repeat;}
.bottom_right p span.name { font-weight:bold; line-height:28px;}

.site_info, .bottom_nav { clear:left; display:block; margin:auto; width:960px; font-size:12px;}
p.company_info { float:left; display:block; background:url(./images/dotline.gif) left 22px repeat-x; margin:30px 0px 0px 10px; color:#d8bb9e; line-height:23px;}
p.company_info a { color:#774d2a;}
p.copyright { float:right; display:block; margin:30px 10px 0px 0px; width:350px; color:#d8bb9e; line-height:23px; text-align:right;}

.emblema { display:block; position:absolute; top:20px; width:100%;}
p.logo { display:inline-block; background: transparent url(./images/bs_logo.png) center 4px no-repeat; width:100%; height:91px; }
p.btlogo { display:inline-block; background: transparent url(./images/barb_tailor_logo.png) center 14px no-repeat; width:100%; height:91px; }

.inner_termekcsalad { display:block; background:transparent; padding-top:117px; width:960px;}
.inner_vendeglatas { display:block; background:transparent url(./images/vendeglatas_bg.gif) 560px 42px no-repeat; padding-top:117px; width:960px;}
.inner_ekszercsomagolas { display:block; background:transparent url(./images/ekszercsomagolas_bg.gif) 560px 42px no-repeat; padding-top:117px; width:960px;}
.inner_kulonleges { display:block; background:transparent url(./images/kulonleges_termekek_bg.gif) 560px 112px no-repeat; padding-top:117px; width:960px;}
.inner_kulcstartok { display:block; background:transparent url(./images/kulcstartok_bg.gif) 560px 62px no-repeat; padding-top:117px; width:960px;}
.inner_reklam-ajandek { display:block; background:transparent url(./images/reklam-ajandek_bg.gif) 560px 112px no-repeat; padding-top:117px; width:960px;}
.inner_okleveltartok { display:block; background:transparent url(./images/oklevel_bg.jpg) 550px 92px no-repeat; padding-top:117px; width:960px;}

h1.page_title { margin:0px 0px 10px 10px; font-size:32px; font-family: "Arial Black", Arial, sans-serif; font-weight:bold; color:#774d2a; }
h2.page_title { padding-left:10px; padding-bottom:20px; font-size:20px; font-family: "Arial Black", Arial, sans-serif; font-weight:bold; color:#774d2a; }
p.descript { display:block; padding-left:10px; padding-bottom:50px; width:476px; height:100px; font-size:12px; color:#774d2a;}
p.descript a { float:left; display:block; margin-top:15px; padding-top:8px; background:url(./images/button_green_l.gif) left top no-repeat; width:155px; height:23px; font-size:12px; color:#ffffff; text-align:center; }
p.descript_s { display:block; padding-left:10px; padding-bottom:30px; width:476px; font-size:12px; color:#774d2a;}
p.hierarch { display:block; padding-left:10px; width:476px; font-size:12px; color:#774d2a;}
p.hierarch a { color:#774d2a;}
p.hierarch a:hover { color:#774d2a; text-decoration:underline;}

.inner_box_left, .inner_box_right { float:left; display:block; background:transparent url(./images/index_box_bg.jpg) left top no-repeat; margin-bottom:20px; width:475px; color:#774d2a;}
.inner_box_left {margin-right: 10px;}
.inner_box_left h1, .inner_box_right h1 { padding:20px 0px 20px 20px; font-size:12px; font-weight:bold; color:#774d2a; text-transform:uppercase;}
.inner_box_left p, .inner_box_right p { float:left; display:block; font-size:12px; color:#774d2a;}
ul.termekcsalad { margin-bottom:70px; }
li.termekkep { float:left; display: inline-block; width:150px; padding-left:20px; }
li.termekkep p { float:left; display:block; font-size:12px; }
span.gomb a { display:block; margin-top:15px; padding-top:8px; background:url(./images/button_green_s.gif) left top no-repeat; width:130px; height:23px; font-size:12px; color:#ffffff; text-align:center; }
li.termekleiras { float:left; display: inline-block; width:295px; padding-right:10px; color:#774d2a; }
p.termekinfo { clear:left; display:block; background:url(./images/dotline.gif) left top repeat-x; padding-top:8px; width:295px; height:24px; }
span.strong { color:#ab6e3c;}
p.termekleiras { padding-bottom:10px;}
span.ar { font-size:16px; font-weight:bold;}
a.simple { background: none;}

p.steps { clear:both; text-align:center; font-size:14px; line-height:30px; font-weight:bold; color:#ab6e3c;}
p.steps span { padding-top:1px; padding-right:4px; padding-bottom:1px; padding-left:4px; text-align: center; }
p.steps span a { color:#774d2a;}
p.steps span.active { border: 1px solid; color:#ab6e3c; }

.inner_box { float:left; display:block; background:transparent; margin-left:10px; width:310px; height:200px; color:#774d2a;}
ul.termekcsald_leiras {}
li.termek_kep { float:left; display:block; padding-bottom:20px; width:110px; }
li.tcs_leiras { float:left; display:block; padding-bottom:20px; width:190px; color:#774d2a;}
li.tcs_leiras h1 { font-size:12px; font-weight:bold; text-transform:uppercase; }
li.tcs_leiras p { font-size:12px; color:#774d2a; }
li.tcs_leiras p a { display:block; margin-top:15px; padding-top:8px; background:url(./images/button_green_l.gif) left top no-repeat; width:155px; height:23px; font-size:12px; color:#ffffff;  text-align:center;}

p.l_exclusive {float:right; display:block; background:url(./images/dotline_v.gif) left top repeat-y; width:310px; height:160px;}
p.l_exclusive a { display:block; margin-left:49px; margin-top:13px; font-size:10px; font-weight:bold; color:#859c0e;; text-transform:uppercase; text-decoration:underline;}
p.l_exclusive img {margin-left:20px; }
span.exclusive { display:block; background:url(./images/dotline.gif) left bottom repeat-x; padding-left:20px; width:290px; height:22px; font-size:12px; font-weight:bold; color:#774d2a; }

.inner_megbizoink { display:block; background:transparent url(./images/megbizoink_bg.jpg) 590px 82px no-repeat; padding-top:112px; width:960px;}
.inner_viszonteladoknak { display:block; background:transparent url(./images/viszontelado_bg.jpg) 580px 92px no-repeat; padding-top:112px; width:960px;}
.inner_kapcsolat { display:block; background:transparent url(./images/kapcsolat_bg.jpg) 550px 102px no-repeat; padding-top:112px; width:960px;}
.inner_bermunka { display:block; background:transparent url(./images/bermunka_bg.jpg) 550px 102px no-repeat; padding-top:112px; width:960px;}
.inner_velemeny { display:block; background:transparent url(./images/velemeny_bg.jpg) 540px 77px no-repeat; padding-top:112px; width:960px;}

.urlap {  float:left; background:transparent; width:597px;}
.nevjegy { float: left; background:transparent; padding-top:60px; width:250px;}
.nevjegy p { display:block; background:url(./images/dotline.gif) left bottom repeat-x; padding-top:8px; width:220px; height:24px; font-size:13px; color:#774d2a;}

form.contactform { background:transparent; width: 597px;}
ul.contactform {width:597px;}
li.contactform_left { float:left; display:block; width:150px; padding-left:10px; padding-top:10px; font-size:12px; color:#774d2a;}
li.contactform_right {float:left; display:block; width:380px; margin:0; padding:0; height:34px; font-size:12px; color:#774d2a;}
li.contactform_right input { width:310px; height:22px; padding-left:4px; padding-top:8px; padding-bottom:0px;}
input, textarea { border: 1px solid #d8bb9e; }
input:hover, textarea:hover { border: 1px solid #d8bb9e; background-color: #f7f7f7; }
input:active, textarea:active, input:focus, textarea:focus { border: 1px solid #d8bb9e; background-color:#f7f7f7;}

li.contactform_submit { float:left; display:block; width:380px; margin:0; padding:0; height:200px; font-size:12px; color:#774d2a;}
li.contactform_submit textarea { width:310px; height:140px; padding-left:4px; padding-top:6px; padding-bottom:0px;}
li.contactform_submit input { margin-top:10px; background:url(./images/button_green_l.gif) left top no-repeat; border:none; font-size:12px; color:#ffffff; text-align:center;}
li.contactform_dotline { float:left; display:block; width:475px; height:30px; background:url(./images/dotline.gif) left 20px repeat-x;}

li.bermunka { display:block; background:url(./images/bullet.gif) 10px 6px no-repeat; padding-left:22px; width:465px; height:30px;}
li.bermunka p { display:block; background:url(./images/dotline.gif) left 22px repeat-x; height:30px; font-size:12px; color:#774d2a;}

ul.megbizoink { display:block; width:704px;}
li.megbizoink { float:left; display:block; background:url(./images/bullet.gif) 10px 6px no-repeat; margin-right:30px; padding-left:22px; width:250px; height:30px;}
li.megbizoink p { display:block; background:url(./images/dotline.gif) left 22px repeat-x; height:30px; font-size:12px; color:#774d2a;}

.bt_nagykep {float:left; display:block; width:465px; height:485px; margin-left:10px; margin-top:42px;}
.bt_kiskep {float:left; display:block; width:165px; height:415px; padding-top:112px;}
.bt_info {float:left; display:block; width:310px; height:485px; margin-top:42px;}
.bt_info p {  padding-left:25px; font-size:12px; color:#774d2a;}
.bt_info img {margin: 30px 0px 15px 20px;}
p.bt_rekord { padding-left:25px; display:block; padding-top:15px; font-weight:bold; color:#2e9588; text-transform:uppercase;}
p.bt_rekord span { font-weight:bold; color:#774d2a; font-size:15px; text-transform:none;}
.bt_info p a.arlista { display:inline-block; margin-top:15px; background: url(./images/pdf.png) left center no-repeat; padding-left:30px; line-height:30px; color:#2e9588;}
p.bt_nev {  padding-left:25px; font-family:"Arial Black", Arial, sans-serif; font-weight:bold; color:#2e9588;}
p.bt_gomb { padding-top:20px; padding-left:25px; font-size:11px; font-weight:bold;}
a.prev { float:left; display:inline-block; padding-top:7px; background:#2e9588 url(./images/bt_button.gif) center top no-repeat; width:90px; height:18px; color:#FFF; text-align:center; text-transform:uppercase;}
a.next { float:left; display:inline-block; margin-left:1px; padding-top:7px; background:#2e9588 url(./images/bt_button.gif) center top no-repeat; width:90px; height:18px; color:#FFF; text-align:center; text-transform:uppercase;}

p.idezet { display:block; padding-left:10px; width:476px; font-size:13px; font-style:italic; color:#774d2a; text-align:justify; line-height:18px;}
span.quot_e { display:inline-block; vertical-align:middle; width:16px; height:1.4em; background:transparent url(./images/quot2.gif) left center no-repeat;}
span.quot_v { display:inline-block; vertical-align:middle; width:16px; height:1.4em; background:transparent url(./images/quot2.gif) left center no-repeat;}
p.ugyfel { display:inline-block; margin-left:10px; padding-top:20px; background:transparent url(./images/dotline.gif) 10px 50px repeat-x; width:476px; height:60px; font-size:12px; font-weight:bold; color:#774d2a;}

.boltok { position:absolute; left:-360px; top:100px; display:block; background:transparent url(./images/boltok.png) right center no-repeat; width:395px; height:130px; color:#FFF; font-size:11px; z-index:5;}
.boltok:hover{ position: fixed; left:0; top:100px; overflow:hidden;}
.boltok p { display:block; padding:10px 20px; color:#fff;}
.boltok p span { display:block; font-weight:bold; padding:0 0 0 0;}

.crash, .bless {display:block; padding-left:10px; padding-bottom:10px; width:476px; font-size:12px; color:#2e9588; text-align:justify; line-height:14px;}

.emblema { position: absolute; }
span.link { font-weight:normal;}
span.link a { color:#774d2a;}

.facebook { position: absolute; top:5px; left:10px;}
.facebook img {float:left; display:inline; margin-right: 10px;}

.clear { clear:both; margin:0; line-height:0; font-size:0; height:0;}
}