* { padding: 0; margin: 0; font-family: Georgia; color: #333; }
a { font-family: Georgia; }
body { margin: auto; background-image: url(../q_img/bg-top.jpg); background-repeat: repeat-x; background-color: #fafafa; }
.hidden { text-indent: -1000em; display: none; }
.ramkaBg { background-color: #0d0d0d; }
.clr { clear: both; overflow: hidden; }
.relative { position: relative; }

/* *** CLEARFIX *** */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}

/* ---- general --- */
h1, h2, h3, h4, h5 {  }

.txt-col-normal { color: #333; }
.txt-col-light { color: #999; }
.txt-col-dark { color: #666; }
.txt-small { font-size: 10px; }
.txt-normal { font-size: 14px; }
p,
.block-text { line-height: 20px; text-align: justify; }

#boxAll { width: 950px; min-height: 200px; margin: 0px auto; padding-top: 30px; }
.horizontal-line-full { width: 950px; height: 1px; overflow: hidden; background-image: url(../q_img/gfx-hor-line-full.png); margin-bottom: 20px;}
.horizontal-line-left { width: 377px; height: 1px; overflow: hidden; background-image: url(../q_img/gfx-hor-line-left.png); }
#boxMenuLogo { height: 100px; position: relative; }
#boxLogo { height: 72px; width: 340px; overflow: hidden; position: absolute; top: 7px; left:0px; }
#boxLogo a { background-image: url(../q_img/gfx-logo-q.png); display: block; width: 340px; height: 72px; text-indent: -1000em; overflow: hidden;background-position: left left;}
#boxMenu { height: 35px; width: 541px; position: absolute; top: 45px; right: 0px;}
#boxMenu ul.dropmenu { display: block; }
#boxMenu ul li.root{ display: block; list-style: none; float: left; background: url(../q_img/gfx-menu-sep.png) no-repeat 3px 16px; padding-left: 10px;}
#boxMenu ul li.root:FIRST-CHILD{background-image: none;}
#boxMenu ul li.root>a{ display:block; overflow: hidden; background-repeat: no-repeat; padding: 5px 10px; font-size: 18px; text-decoration: none;}

ul.dropmenu{
	position: relative;
}
.dropmenu li a{
	position: relative;
}
.dropmenu li a{
	padding: 9px 30px 0px 15px;
}
.dropmenu li span{
	display: none;
}
.dropmenu li  a:hover span{
}
.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
}
.dropmenu ul{
	position: absolute;
	display: none;
	width: auto;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
}
.dropmenu ul li{
	border: 0;
	float: none;
	list-style: none;
}
.dropmenu ul a {
  border: 1px solid #ccc;
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  color: inherit;
  text-decoration: none;
  text-transform: none;
  background-color: #F0F0F0;
  padding: 5px 10px;
}
.dropmenu ul a:hover {
	background-color: #e5e5e5;
}

h1.title{
	padding: 20px 0;
}

#boxFlashIndex, #slideshow_wrap { height: 200px; position: relative; z-index: 0; background-color: black;}
body.index #boxFlashIndex, body.index #slideshow_wrap { height: 320px;}

#boxFacebook { width: 101px; height: 101px; overflow: hidden; position: absolute; right: -50px; display: none; }
body.index #boxFlashIndex #boxFacebook { top: 186px; }
#boxFlashIndex #boxFacebook { top: 48px; }

#player {position: absolute; z-index: 10; right: 10px; bottom: 10px;}
#player_play, #player_pause{display: none; width: 32px; height: 32px; background: url(../q_img/s/mute.png) no-repeat center center transparent; cursor: pointer;}
#player_play {background-image: url(../q_img/s/unmute.png);}

#boxCompLogosBar { height: 85px; background-position: 20px 15px; background-image: url(../q_img/gfx-logo-all.png); background-repeat: no-repeat; }
#boxSeoText { text-align: center; color: #666; padding-top: 12px; padding-bottom: 12px; }

#boxFooter { height: 70px; position: relative; }
#boxFooter a {  }
#boxFooterOneDiv { position: absolute; right: 30px; top: 29px;  }
#boxFooterOneDiv li {list-style: none; float: left; padding-left: 10px;font-size: 12px;}
#boxFooterOneDiv a { display: block; float: left; text-decoration: none;font-size: 12px; }
#boxFooterOneDiv a.link { margin-top: 10px; margin-right: 10px; }

#boxFooterCopy { position: absolute; top: 30px; left: 42px;  }

#boxContent { min-height: 100px; padding-top: 15px; padding-bottom: 25px; }
#boxContent h3 { font-size: 14px; }
#boxSubpageHeader { padding-left: 400px; padding-bottom: 15px; }

.boxSubpageSubHeader { padding-top: 40px; padding-left: 60px; }

#boxContent .columnn-left { width: 405px; float: left; }
#boxContent .columnn-right { width: 545px; float: left; }

#boxContent .columnn-right.onas { padding-top: 30px; }
#boxContent .columnn-right.onas p { font-size: 14px; padding-top: 15px; }
#boxContent .columnn-left.onas img { margin-left: 20px; margin-top: 68px; }

#boxContent .oferta p { font-size: 14px; padding-top: 15px; }
#boxContent .oferta h3 { padding-top: 15px; }
#boxContent .oferta .global-keratin-logo { margin-left: 100px; margin-top: 115px; }

.offerTable { width: 940px; margin-top: 40px; margin-bottom: 10px; font-size: 16px; }
.offerTable tr td { padding-bottom: 25px; }
.offerTable tr td:first-child { text-align: center; }


#boxContent .boxOfferSubmenu { padding-left: 57px; margin-top: 20px; padding-bottom: 20px; }
#boxContent .boxOfferSubmenu ul li { display: block; list-style: none; float: left; }
#boxContent .boxOfferSubmenu ul li.menu-spacer { height: 21px; width: 20px; background-image: url(../q_img/gfx-menu-sep.png); background-repeat: no-repeat; background-position: 7px 7px; }
#boxContent .boxOfferSubmenu ul li a { font-size: 14px; font-family: Georgia; text-decoration: none; font-weight: bold; }
#boxContent .boxOfferSubmenu ul li a:hover { color: #EE5A00; }
#boxContent .boxOfferSubmenu ul li a.active { color: #EE5A00; }


#boxContent .boxOfferSubmenu.boxCennikiSubmenu {padding-left: 350px;  }

#contactMap { width: 400px; height: 300px; }
#boxMap { margin-left: 126px; border:1px; border-color:#333; }
#boxContent .columnn-left.kontakt .contact-info { margin-left: 150px; margin-top: 60px; }

#boxContent .row { margin-top: 25px; margin-bottom: 25px; }

.cenniki-table { padding-left: 70px; padding-top: 30px; }
.cenniki-table td { padding-bottom: 5px; font-size: 14px; }
.cenniki-table .first-column { width: 480px; }
.cenniki-table .second-column { width: 180px; }

.cenniki2-table { padding-left: 70px; padding-top: 30px; }
.cenniki2-table td { padding-bottom: 5px; font-size: 14px; }
.cenniki2-table .first-column { width: 270px; }
.cenniki2-table .second-column { width: 270px; }


.odleglosc { height: 170px; }
.odleglosc_prawo { height: 40px; }
.box_farby { height: 250px; }
.lista { font-family: Georgia; color: #333; font-size: 14px; }


/* ----- gallery ----*/
.boxPhotosGallery { margin-left: 0px; }
.boxPhotosGallery .boxPhotoItemContainer { float: left; width: 237px; margin-top:50px; }
.boxPhotosGallery .boxPhotoItem { width: 237px; height: 200px; }
.boxPhotosGallery .boxPhotoItem .photoDesc { overflow: hidden; text-align: center; margin-top: 15px; }
.boxPhotosGallery .boxPhotoItem .photoImg { height: 143px; overflow: hidden; text-align: center; }
.boxPhotosGallery .boxPhotoItem .photoImg img { margin: auto; }




.widget_social {
	float:right;
	width:232px;
	height:420px;
	background: url(./../q_img/slider.png);
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top:170px;
	z-index:10000;
        overflow: hidden;
}

.fb-likebox, .fb_iframe_widget
{
	background-color: white;
}


/* *** FLATPAGE TABS  *** */
.ui-tabs .ui-tabs-hide {display:none}
#tab_wrap {}
#tab_wrap ul.title {border-bottom:1px dotted #675252;display:block;height:39px;margin:28px 0 0;padding:0 20px;width:930px;}
#tab_wrap ul.title li{float:left;font-weight: normal;}
#tab_wrap ul.title li a{float:left;font-size: 17px;padding:10px 25px; border: 1px dotted #675252; border-bottom: none;background-color: rgba(100,100,100,0.1);text-shadow: 1px 1px 4px #020C0C;filter: dropshadow(color=#020C0C, offx=1, offy=1);}
#tab_wrap ul.title li.ui-tabs-selected a{background:url(./../img/bckgMenu.png) repeat-x scroll center -103px; border-color: transparent;}
#tab_wrap .tab_content{padding: 20px;}

/* *** CONTACT PAGE *** */
#map{float:left; height:320px; width:520px;margin-top: 4px; color: #333;}
#map hr{border:0;width: 100%;background-color: #ccc;height: 1px;margin: 2px 0;}
#map_wrap{clear: both;}
#contact_form{float:right; background-color:transparent; width:400px;}
h2.error, h2.msg{color: rgb(136, 136, 136);; border-bottom:none; text-align:center; font-size:20px; margin:10px;}
#content #contact_form .error_list { width: auto; }
#content #contact_form .error_list li { color: #f00; }
#contact_form input {color: #fff;}
#contact_form .text, #contact_form textarea, .reserv #contact_form input{width: 232px; height: 15px; background-color: #700000;  border: 1px solid #000; border-width: 1px 0 0 1px; padding: 5px; }
#contact_form textarea.text, .reserv #contact_form textarea{height: 70px; color: #fff;}
#contact_form input[type=submit] {width: 232px;  height: 25px; background: url('./../img/bckgGray.gif') repeat 0 0; border: 1px solid #3e3535; font-weight: bold; margin-left:5px; }
#contact_form .offer_table th{text-align: right;vertical-align: middle;}
#contact_form .offer_table td{text-align: left;vertical-align: top;}
#contact_page {clear: both; display: block; margin: 10px 0;}
.reserv #contact_form{float:left; background-color:transparent; width:600px;}
.reserv #contact_form input, .reserv #contact_form textarea {width: 332px;}
.offer_list .submit input{float:right;margin-right:-12px;width: 132px;  height: 25px; background: url('./../img/bckgGray.gif') repeat 0 0; border: 1px solid #3e3535; color: white;}
#contact_form input#id_captcha_1 {float:right;font-size:20px;height:24px;padding:3px;width:100px;text-transform:uppercase;}
#contact_form img.captcha {position:relative;top:5px;}
.reserv #contact_form #id_recommend_by, .reserv #contact_form #id_promotion {width: 107px;}
span.pad{ padding: 0 8px;}

#contact_form .niceform {
    width: 100%;
    margin: 20px 0;
}
#contact_form .niceform .field {
	margin: 10px 0;
}
#contact_form .niceform .field label {
	width: 25%;
  	display: inline-block;
  	color: rgb(136, 136, 136);
  	line-height: 30px;
}
#contact_form .niceform .field input,
#contact_form .niceform .field textarea {
	height: 30px;
	width: 70%;
	font-size: 16px;
	background-color: #FFF;
	border: 1px solid #ededed;
	padding: 0;
	color: rgb(136, 136, 136);
}
#contact_form .niceform .field.error input {
	border: 1px solid #f00;
}
#contact_form .niceform .field textarea {
	height: 100px;
}
#contact_form .niceform .button {
	cursor: pointer;
	margin: 0;
}

/* *** GALLERY *** */
#gallery {padding: 10px 0 30px;}
#gallery .bigPhoto {float: left; width: 610px; background: transparent url('./../img/load.gif') center 200px no-repeat;}
#gallery div.thumbs {float: right; width: 310px; }
#gallery li {float: left; width: auto; overflow: hidden; margin-bottom: 12px; height: auto;}
#gallery .even {}
#gallery .odd {margin-right: 15px; /*clear: both;*/}
#gallery li img{border:2px solid transparent;}
#gallery li.selected img{border:2px solid #ddd;border-color: rgba(200, 200, 200, 0.8)}
#gallery li img:hover{border:2px solid #856464; border-color: rgba(133, 100, 100, 0.3)}
#gallery li.selected img:hover{border-color: #fff;border-color: rgba(200, 200, 200, 0.9)}
#gallery .nopad, .nopad {margin: 0 !important; padding: 0!important;}
#gallery  .advance-link {color:transparent;}
#gallery a.next, #gallery a.prev {display:none;float:left;width: 271px; height: 40px; text-indent: -999em; margin:0 0 10px 20px;background:url(./../img/arrowDownBig.png) no-repeat center center transparent;background-color: rgba(0, 0, 0, 0.2);}
#gallery a.prev {background-image:url(./../img/arrowUpBig.png);}
#gallery a.next {margin-bottom: -10px}
#gallery a.disabled {opacity: 0.3}
#gallery #slideshow {min-height: 300px;}

#two_columns #gallery .left_col div.thumbs, .left_col {float: left; width: 155px; }
#two_columns #gallery .right_col div.thumbs, .right_col {float: right; width: 155px; }
#two_columns #gallery a.next, #two_columns #gallery a.prev{width: 128px; margin: 0 0 10px 0;}


/* *** PRODUCTS *** */
#news_tabs li{list-style: none;margin: 8px 0;}
#news_tabs li a {padding: 6px 0 6px 10px; background: url(../q_img/gfx-menu-sep.png) no-repeat left center transparent; text-decoration: none;}
#news_tabs li.selected a{text-decoration: underline;}
.news #boxContent div.columnn-left{width: 265px;}
.news #boxContent div.columnn-right{width: 680px}
.news  span.date{font-size: 12px; float: right;}
.news .thumb{float: right; padding: 10px 0 0 20px;}
.news_item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.news_item.last{border-bottom: none;}
.news_item .more{float: right;}

/* *** PRODUCTS *** */
.product .side_menu { float: left; width: 200px; }
.product .side_menu li{padding: 0 0 4px 5px; }
.product .prod_cover { float: right; padding: 0 0 15px 15px;}
.product .product_wrap { float: right; width: 700px; padding-bottom: 15px;}
.product .pack {clear: both; display: block;padding-bottom: 4px;}
.product .pack em{color: #f00; font-style: normal; }
.product .hr {border-top: 1px dotted #675252; padding-top: 15px;}
.product_wrap h2, .product_wrap h2 a {color: red; text-decoration: none; padding: 0 0 10px 0;}
.side_menu .vendor{ font-size: 16px;}
.side_menu .cat{ font-size: 14px; }
.side_menu .collapse{cursor: pointer;background: transparent url('./../img/arrowSmallDown.png') 0px 3px no-repeat;padding-left: 20px; margin-left: -20px;}
.side_menu .closed {background: transparent url('./../img/arrowSmallRight.png') 0px center no-repeat;padding-left: 16px; margin-left: -16px;}
.side_menu li a{opacity: 0.9; text-decoration:none;}
.side_menu li a:hover{opacity: 1}
#pro_menu span.current, #pro_menu a.current {text-decoration: underline;font-weight: bold;}


/* *** chunks on home page *** */
.index .col{
	float: left;
	width: 280px;
	border: 1px solid #eee;
	margin-left: 20px;
	padding: 10px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 20px;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.index .col:FIRST-CHILD{
	margin-left: 0px;
}
.index .col h2{
	padding: 0;
}
.index .col .cont{
	padding: 0;
}
.index .col .cont a img{
	border: 0px;
}