/*
	theme name: BioBran.pl
	version: 1.0
	author: Menyhart.sk
	email: menyhart@menyhart.sk
	website: http://menyhart.sk

	created by Menyhart.sk
*/

/* main structure */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #626262; background: url(img/bg-top.jpg) left top repeat-x; }
#wrapper { background: url(img/bg.jpg) center top no-repeat; }
#subwrapper { width: 947px; margin: 0 auto; }
#header { height: 101px; }
#header h1 a { display: block; width: 179px; height: 95px; background: url(img/logo.jpg) left top no-repeat; float: left; }
#header h1 span { display: none; }
#header div.rig { float: right; width: 768px; height: 101px; }
#header .qtrans_language_chooser { padding: 8px 0 0 450px; height: 18px; }
#header .qtrans_language_chooser li { display: block; float: left; }
#header .qtrans_language_chooser li a { display: block; height: 18px; line-height: 18px; font-weight: bold; color: #fff; text-decoration: none; padding: 3px 6px; float: left; }
#header .qtrans_language_chooser li a:hover { text-decoration: underline; }
#header .qtrans_language_chooser li.active a { background-color: #ba0e17; }
#header .qtrans_language_chooser li.active a:hover { text-decoration: none; }
#header .qtrans_language_chooser li.lekarp a { background: url(img/lekarpl.png) no-repeat; width: 137px; height: 24px; overflow: hidden; text-indent: -500px; margin-left:6px;}
#header .qtrans_language_chooser li.lekarp a:hover { background: url(img/lekarplh.png) no-repeat;}
#header .qtrans_language_chooser li.lekar a:hover { background: url(img/lekarh.png) no-repeat;}
#header .qtrans_language_chooser li.lekar a { background: url(img/lekar.png) no-repeat; width: 137px; height: 24px; overflow: hidden; text-indent: -500px; margin-left:2px }
ul#pagelist { display: block; padding: 24px 0 0 0; text-align: right; }
ul#pagelist li { display: block; float: right; }
ul#pagelist li a { display: block; float: left; height: 27px; line-height: 27px; padding: 0 13px; border-right: 1px solid #b3131b; font-size: 13px; color: #fff; font-weight: bold; text-decoration: none; }
ul#pagelist li a:hover { background-color: #ba111a; }
ul#pagelist li.current_page_item a { background-color: #ba111a; }
#topbox { position: relative; }
#top-image { position: relative; z-index: 1; border-top: 1px solid #fff; height: 321px; }
#top-image div.thumb { width: 947px; height: 321px; display: block; }
#top-image span { display: block; overflow: hidden; width: 947px; height: 321px; }
#top-image div.thumb:hover { background-color: #f2f2f2; }
#news { position: absolute; z-index: 100; right: 5px; bottom: 5px; display: block; width: 280px; height: 216px; padding: 4px 3px 3px 3px; background: url(img/news-bg.png); }
#news .top { height: 40px; }
#news .top .title { display: block; float: left; margin: 14px 0 0 14px; font-size: 14px; color: #fff; font-weight: bold; }
#news .top a { display: block; float: right; margin: 14px 14px 0 0; font-size: 11px; color: #dfdfdf; text-decoration: none; }
#news .top a:hover { text-decoration: underline; }
#news .po { height: 86px; padding: 0 17px; overflow: hidden; line-height: 1.3; color: #ead2d4; font-size: 12px; }
#news .po .date { display: block; padding-top: 12px; font-size: 11px; color: #fbb9be; }
#news .po a { display: block; margin: 1px 0 2px 0; font-weight: bold; color: #fff; }
a { text-decoration: underline; color: #8bb22b; }
a:hover { text-decoration: none; }
#content {  }
#content.sub { padding: 40px 0 0 0; }
#order { height: 58px; line-height: 58px; border-bottom: 1px solid #dfdfdf; font-size: 24px; color: #c90d1b; padding: 0 3px; }
#order .left { float: left; }
#order a { width: 157px; height: 32px; background: url(img/order-button-pl.png); display: block; float: right; margin: 13px 0 0 0; }
#order a.en { background: url(img/order-button.png); }
#order a span { display: none; }
.cleaner { clear: both; height: 0; line-height: 0; font-size: 0; }
/* main structure */

/* sidebar */	
#sidebar { width: 280px; float: right; padding: 0 0 100px 0; }
#sidebar h3 { height: 27px; font-size: 16px; font-weight: bold; color: #c01924; padding: 24px 0 0 9px; }
#sidebar h4 a { height: 38px; line-height: 38px; color: #c90d1b; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background: url(img/side-li.png) left top no-repeat; padding: 0 10px; }
#sidebar h4 a:hover { text-decoration: underline; }
#sidebar ul li { color: #929292; line-height: 1.5; margin: 0 0 13px 0; }
#sidebar ul li img { margin: 3px 16px 0 0; float: left; }
#sidebar ul li p { padding: 0 0 0 10px; }
/* sidebar */

/* main */
#main { width: 660px; float: left; line-height: 1.5; color: #626262; font-size: 12px; padding: 0 0 100px 0; }
#main h2 { height: 27px; font-size: 16px; font-weight: bold; color: #c01924; padding: 24px 0 0 9px; }
#main .post { padding: 0 35px 0 15px; }
#main .postindex { padding: 0 0 0 15px; }
#main .postsingle { padding: 0 28px 0 15px; }
#main p { padding: 8px 0; }
#main h3 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #c01924; }
#main h3 span { font-size: 12px; font-weight: normal; color: #8f8f8f; padding: 0 0 0 10px; }
#main h3 a { color: #c01924; text-decoration: none; }
#main h3 a:hover { text-decoration: underline; }
#main .more { display: block; margin-top: -8px; margin-bottom: 10px; }
#main #nav { height: 25px; margin: 20px 0 0 0; font-weight: bold; }
#main #nav a { color: #c01924; }
#main #nav .left { float: left; }
#main #nav .right { float: right; }
/*#main .evidence { background: url(img/evidence.jpg) left top no-repeat; padding: 0 0 0 241px; margin: 15px 0; color: #8f8f8f; min-height: 193px; height: auto !important; height: 193px; }
#main .evidence div { display: block; background: url(img/evidence-icon.jpg) left 29px no-repeat; padding: 25px 0 10px 84px; line-height: 1.7; }
*/
#main .evidence div{
  padding: 10px 0; border-bottom: 1px solid #dfdfdf;
}
#main .evidence div:last-child{
  border-bottom: 0;
}
#main .evidence div a { font-size: 13px; font-weight: bold; }
#main .evidence p { padding: 0; }
#main .faq { background: url(img/faq-bottom.png) left 8px no-repeat; margin: 0 0 0 10px; line-height: 2; }
#main .faq h3 { background: url(img/faq-top.png) right top no-repeat; padding: 0 31px 0 24px; font-size: 14px; display: inline; font-weight: bold; color: #676767; }
#main .faq span {  }
#main .faq p { padding: 0; }
#main p.in { clear: both; padding: 3px 0 30px 0; }

#main img.alignleft { float: left; margin: 0 6px 0 0; }
#main img.alignright { float: right; margin: 0 0 0 15px; }
#main img.pad { margin: 0 30px 0 0; }
#main img.image { float: left; margin: 20px 5px 0px 0px; }
#main img.image1 { float: left; width:114px; height:72px; margin: 0px 15px 0px 0px; }
#main img.image2 { float: left; width:184px; height:119px; margin: 20px 10px 0px 0px; }
#main img.image3 { float: left; width:211px; height:119px; margin: 20px 10px 0px 0px; }

#main p.pack { font-weight: bold; color: #c01924; padding-bottom: 0; }
#main .bioblock { width: 288px; height: 256px; background: url(img/eshop.png); float: left; margin: 21px 27px 0 0; padding: 0 0 0 20px; color: #606060; }
#main .bioblock h2 { height: 43px; line-height: 43px; margin: 5px 0 0 -2px; font-size: 17px; padding: 0; }
#main .bioblock h2 a { text-decoration: none; color: #c01924; }
#main .bioblock h2 a:hover { text-decoration: underline; }
#main .price { color: #c90d1b; font-size: 14px; font-weight: bold; padding: 18px 22px 0 0; text-align: right; }
#main .price span { font-size: 18px; color: #8bb22b; }
#main a.order { font-size: 12px; font-weight: normal; color: #c01924; display: block; text-align: right; padding: 10px 20px 0 0; }
#main .biolist { clear: both; padding: 0; }
#main .biolist2 { float: left; width: 204px; }
#main .biolist ul li, #main ul.biolist2 li { background: url(img/biolist.png) left 4px no-repeat; margin: 5px 0 5px 20px; padding: 0 0 0 15px; line-height: normal; }
#main .biob { float: right; width: 392px; background: url(img/biob.png) 224px 10px no-repeat; min-height: 78px; height: auto !important; height: 78px; }
#main .biob .price { float: right; padding: 29px 0 0 0; }
#main .price .original{ color: #505050; font-size: 14px; display: block; }

#main .nav { height: 51px; border-bottom: 1px solid #dfdfdf; margin: 0 28px 0 0; line-height: 51px; background: url(img/nav.png) 8px center no-repeat; color: #8f8f8f; padding: 0 0 0 29px; }
#main .nav a { color: #c3c3c3; text-decoration: none; }
#main .nav a:hover { text-decoration: underline; }

#main .postsingle .biolist { float: left; }

#main .wpcf7 { width: 661px; margin: 40px 0 0 9px; padding: 0px 0 64px 0; background: url(img/contact-bottom.png) left bottom no-repeat #f8f8f8; color: #626262; }
#main .wpcf7 p { padding: 0; }
#main .wpcf7 .pad { line-height: 40px; }
#main .wpcf7 .highlighted { font-size: 15px; }
#main .wpcf7 .wpcf7-left { padding: 0 0 0 27px; width: 270px; float: left; position: relative }
#main .wpcf7 .padding{padding: 0 0 0 27px}
#main #contactform{ padding-top: 30px }
#main #contactform .wpcf7-left{ width: 340px; }
#main .wpcf7 .wpcf7-left label { display: block; width: 77px; float: left; height: 20px; line-height: 20px; }
#main .wpcf7 .wpcf7-right label { display: block; width: 79px; float: left; height: 20px; line-height: 20px;  }
#main .wpcf7 input { border: 1px solid #e2e2e2; width: 165px; height: 18px; padding: 2px 5px 0 5px; margin: 0 0 4px 0; color: #a1a1a1; }
#main .wpcf7 textarea { border: 1px solid #e2e2e2; }
#main .wpcf7 input#frmfrm-captcha { width: 131px; vertical-align: middle; }
#main .wpcf7 .radio input { width: 20px; padding: 3px 0 0; }
#main .wpcf7 .radio .wpcf7-list-item { display: block; }
#main .wpcf7 .radio .wpcf7-list-item span { vertical-align: top; }
#main .wpcf7 p.productspieces label{ width: 106px; font-weight: bold; color: #c01924; padding-top: 2px; float: left; }
#main .wpcf7 p.productspieces { width: 190px; float: left; }
#main .wpcf7 .pl .productspieces { width: 240px }
#main .wpcf7 .pl .productspieces label { width: 150px }
#main .wpcf7 .pl .productspieces label small span { color: #626262 }
#main .wpcf7 input.pieces { width: 15px; }

input[disabled] { background: #f0f0f0; }

#main .wpcf7 #pricebox { background:url("img/biob-grey.png") no-repeat left center;float:left;height:68px;left:185px;margin:31px 0 0 10px;padding:22px 0 0 34px;position:absolute;text-align:left;width:150px }
#main .wpcf7 #totalprice { color: #8bb22b; font-size: 20px; padding: 7px 0 0; font-weight: bold; display: block; }
#main .wpcf7 .pl #pricebox { left: 220px }

#main .wpcf7 label.captcha { padding-top:2px; }
#main .wpcf7 select { border: 1px solid #e2e2e2; width: 177px; height: 20px; margin: 0 0 4px 0; color: #a1a1a1; }
#main .wpcf7 .wpcf7-right { width: 345px; float: right; padding: 40px 0 0 0; }
#main #contactform .wpcf7-right { width: 275px; float: right; padding: 0; }
#main .wpcf7 .wpcf7-bottom { padding: 0 0 0 27px; }
#main .wpcf7 .pad1 { height: 35px; }
#main .wpcf7 .pad2 { height: 72px; }
#main .wpcf7 .pad3 { height: 190px; }
#main .wpcf7 .pad-xyz { height: 150px }
#main .wpcf7 .pad4 { height: 30px; }
#main .wpcf7 .pad5 { height: 15px; }
#main .wpcf7 .pad9 { height: 225px; }
#main .wpcf7 .pad10 { height: 28px; }
#main .wpcf7 input#sub, #main .wpcf7 input#frmfrm-order { width: 117px; height: 24px; background: url(img/order-button2.png); margin: 28px 0 0 137px; border: none; }
#main .wpcf7 input#subpl, #main .wpcf7 input#frmfrm-order.pl { width: 117px; height: 24px; background: url(img/order-button2-pl.png); margin: 28px 0 0 137px; border: none; }
#main .wpcf7 input#frmfrm-order.registration { background-image: url(img/register_en.png) }
#main .wpcf7 input#frmfrm-order.registration.pl { background-image: url(img/register_pl.png) }
#main .wpcf7 input#submitcontactform { width: 117px; height: 24px; background: url(img/order-button3.png); margin: 28px 0 0 137px; border: none; padding: 0 24px 0 0; }
#main .wpcf7 input#submitcontactform-pl { width: 145px; height: 24px; background: url(img/order-button3-pl.png); margin: 28px 0 0 100px; border: none; padding: 0 24px 0 0; }                  
#main .wpcf7 input#inputstate { margin: 0 0 12px; }
.asterisk, #main .price span.asterisk{ color: #c90d1b;}

#main .wpcf7-checkbox input{ width: auto; padding: 0; margin: 0; height: auto; }
/* main */

/* footer */
#box { background: url(img/box-left.png) left top no-repeat #f2f2f2; height: 57px; }
#box-left { width: 600px; height: 57px; float: left; padding: 0 0 0 137px; color: #9f9f9f; line-height: 1.5; }
#box-left ul { color: #929292; padding: 12px 0 0 0; }
#box-left ul li { display: inline; }
#box-left ul li a { color: #c93a3a; padding: 0 10px 0 0; margin: 0 11px 0 0; background: url(img/box-left-a.png) right 4px no-repeat; text-decoration: none; }
#box-left ul li a:hover { text-decoration: underline; }
#box-right { width: 210px; float: right; height: 57px; line-height: 57px; color: #696969; }
#box-right span { float: left; }
#box-right a { color: #929292; font-weight: bold; background: url(img/menyhart.png) left center no-repeat; padding: 0 0 0 39px; margin: 0 20px 0 0; height: 57px; float: right; display: inline; }
#box-right a:hover { background: url(img/menyhart-hover.png) left center no-repeat; }
/* footer */


/* hint */
#hint-wrap{
  position: absolute;
  padding: 0 30px 9px;
}

  #hintbox-top{
    background: url(img/hintbox-top.png) top repeat-x;
    margin: 0 27px 0 23px;
  }
  
  #hintbox-bottom{
    background: url(img/hintbox-bottom.png) bottom repeat-x;
  }
  
  #hintbox-right{
    background: url(img/hintbox-right.png) right repeat-y;
    padding-right: 24px;
    margin-right: -27px;
  }
  
  #hintbox-left{
    background: url(img/hintbox-left.png) left repeat-y;
  }

  #hintbox-topleft{
    background: url(img/hintbox-topleft.png) top left no-repeat;
    padding: 0 0 0 13px;
  }
  
  #hintbox-topright{
    background: url(img/hintbox-topright.png) top right no-repeat;
  }

  #hintbox-bottomright{
    background: url(img/hintbox-bottomright.png) bottom right no-repeat;
    padding-right: 27px;
    margin-right: -27px;
  }
  
  #hintbox-bottomleft{
    background: url(img/hintbox-bottomleft.png) bottom left no-repeat;
    padding: 21px 0 24px;
    margin-left: -36px;
  }
  
    #hint-innerwrap{
      padding: 0 0 0 20px;
      min-height: 16px; /* - 2*20 */
      min-width: 36px;
      margin: 0 -10px 0 0;
    }
  
      #hint{
        background-color: #fcfcfc;
      }
      
      #hint strong{
        color: #c90d1b;
      }
    
  .hinttext{
    display: none;
  }
  
  .hashint{
    text-decoration: underline;
    font-weight: bold;
  }
  
    .price .hashint{
      text-decoration: none;
    }
    
small{ font-size: 85%; }

p.error, span.form-error-message {
color:#FF0000;
display:block !important;
font-size:10pt;
}

#newUser, #registeredUser{
  background: none #F8F8F8;
  color:#626262;
  display:block;
  float:left;
  font-weight:bold;
  height:35px;
  line-height:35px;
  margin-top:-34px;
  text-align:center;
  text-decoration:none;
  width:130px
}

#newUser.checked, #registeredUser.checked{
  background-color: #C01924;
  color: #fff
}

.redLine{
  background-color: #C01924;
  height: 5px;
  font-size: 0px
}

.msg{
  display: block;
  margin: 10px auto 0px;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  width: 90%;
}

.msg.ok{
  background: #f4fae8;
  border: 1px solid #d1e4cf;
  color: #32702c;
}

.msg.err{
  background: #fae8e8;
  border: 1px solid #e4cfcf;
  color: #702c2c;
}

#dotpayRadio{
  display:none;
  margin-left:10px;
  margin-top:10px;
}
#dotpayRadio .wpcf7-list-item-label{
  display: inline-block;
  width: 230px
}