/* ----------------------------------------------------------------------------------------------------------

    LT WebDevelopment (www.lukastomek.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         16/09/2009

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

body		        { font: normal 62.8%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-align: center; color: #9ea09d; padding: 10px 0; background: #fff; }
a			          { color: #808183; }
a:hover	        { color: #000; text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #3e3e3e; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { overflow: visible; padding: 0; color: #000; font-weight: bold; border: none; background: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1em; }
h4	{ font-size: 1em; }
h5	{ font-size: 1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #000; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden     { display: none; }
.noscreen   { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; }
#head    { font-size: 1.2em; position: relative; z-index: 10; }
#content { font-size: 1.2em; z-index: 1; }
#foot    { font-size: 1.2em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.yellow    { color: #FFFF00 !important; }
.red       { color: #b7092a !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative  { position: relative; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 15%; text-align: right; }
.formBox .con			      { float: right; width: 84%; }
.formBox .clearfix	    { padding-bottom: 1em; }
.formBox .w100          { width: 99%; }
.formBox .w120          { width: 120px; }
.formBox .button:focus  { border-color: #000; }
.formBox label          { color: #000; }
.formBox .button        { border-color: #a9a8ad; }
.formBox .error         { background-color: #fd8489; }

.msgErr                 { color: #DB2133; font-size: 1.2em; border: 1px solid #DB2133; background: #FBE8EA; padding: 10px; margin-bottom: 1.5em; }
.msgOk                  { color: #000000; font-size: 1.1em; border: 1px solid #349901; background: #D9F2BF; padding: 10px; margin-bottom: 1.5em; }

/* -- Basic content constructs -- */
.list         { margin-bottom: 0 !important; }
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; }
.cols .col1 { float: left; }
.cols .col2 { float: right; }

.cols50 .col1,
.cols50 .col2 { width: 48% !important; margin: 0 !important; }

.cols5 .col1,
.cols5 .col2,
.cols5 .col3,
.cols5 .col4,
.cols5 .col5 { float: left; width: 20%; height: 100%; }
.cols5 .col5 { float: right; width: 20%; }

.hpCols .col1 { width: 748px; margin-left: 10px; }
.hpCols .col2 { width: 180px; }

/* -- Layout -- */
#view         { width: 990px; margin: 0 auto; }
#head         { height: 200px; overflow: hidden; padding-bottom: 10px; border-bottom: 1px #c0c0c0 solid; background: url("../images/20let.png") no-repeat scroll 90px 156px transparent; }
#content      { padding: 15px 0; }
#foot         { clear: both; color: #000; padding: 10px 15px; border-top: 1px #c0c0c0 solid; }

  /* Head layout */
  #head #logo       { width: 120px; height: 120px; margin: 14px auto 0; font-size: 11px;}
        #logo span  { background: url('../images/bg-logo.gif') no-repeat; }
        
  #head #search             { padding: 5px 10px; }
  
  #head .basket                 { font-weight: bold; margin: 0 10px; font-size: 1.2em; margin-top: 20px; }
  #head .basket a               { color: #000; }      
  #head .fontCharger            { color: #000; margin: 5px 10px; }
  #head .fontCharger a          { margin: 0 3px; }
  #head .fontCharger .disabled  { color: #aaaaaa !important; }
  #head .discount 							{ margin: 7px 0 0 10px; font-weight: bold; font-size: 1.2em; }
  #head .discount a 						{ color: #fbc024; }
  #head .col                    { width: 193px; border-right: 1px #c0c0c0 solid; }
  #head .col1                   { width: 197px; }
  #head .col2                   { width: 195px; }
  #head .col3                   { width: 192px; }
  #head .col4                   { width: 196px; }
  #head .col5                   { width: 200px; }
  #head .h                      { font-size: 1em; margin: 10px 10px 5px; }
  #head .mainMenu               { margin: 0 10px; color: #000; }
  #head .mainMenu .active a     { color: #000; text-decoration: none; font-weight: bold; }
  
  
  /* Content layout */
  #content #newsList                { padding-right: 10px; }
           #newsList .item          { margin-bottom: 10px; }
           #newsList .item .title   { font-size: 1em; margin: 2px 0; text-transform: uppercase; }
           #newsList .item .title a { color: #000; text-decoration: none; }
           #newsList .lastItem      { border-top: 1px #c0c0c0 dotted; padding-top: 8px; }


  #content #hpFlash                         { position: relative; height: 380px; }
           #hpFlash .caption                { position: absolute; left: 0; bottom: 0; z-index: 100; width: 100%; height: 55px; font-size: 1.7em; background: url('../images/bg-imageoverlay.png'); }
           #hpFlash .caption .h             { position: absolute; top: 6px; right: 15px; width: 60%; text-align: right; font-weight: normal; }
           #hpFlash .caption ul             { position: absolute; top: 15px; left: 25px; width: 40%; }
           #hpFlash .caption ul li          { display: inline; margin-right: 3px; }
           #hpFlash .caption ul li a        { text-decoration: none; color: #000; }
           #hpFlash .caption ul li .active  { font-weight: bold; font-size: 1em; }


  #content #productsFilter { display: none;}
           #productsFilter .order				{ float: left; }
		   #productsFilter .order.disable		{ display: none;}

           #productsFilter .h            { color: #a6aaad; font-weight: normal; font-size: .9em; margin-bottom: 10px; }
           #productsFilter .order ul li         { text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 10px; }
           
           #productsFilter .order ul li ul li   { text-transform: none; color: #58585a; font-weight: normal; margin-bottom: 3px; padding: 0; }
			#productsFilter .order ul li ul li ul { margin: 10px 0 20px 0px; }
           
           #productsFilter .order ul li.plus    { background: url('../images/bg-plus.gif') 0 .3em no-repeat; }
           #productsFilter .order ul li.plus ul { display: none; }
           #productsFilter .order ul li.minus   { background: url('../images/bg-minus.gif') 0 .3em no-repeat; }
           
           #productsFilter  input         { margin-top: 1px; }
           #productsFilter  label         { margin-left: 3px; }
           #productsFilter  select { width: 90%; }
           
           #productsFilter .basket              {}
           #productsFilter .basket ul           { margin-bottom: 25px; }
           #productsFilter .basket ul li        { margin-bottom: 5px; }
           #productsFilter .basket ul li a      { color: #7f8082; }
           #productsFilter .basket ul .active a { font-weight: bold; color: #000; }
           #productsFilter .basket ul .active li a { color: #7f8082; font-weight: normal; }
           #productsFilter .basket ul .active .active a { color: #000; font-weight: bold; }

  #content #productsList                        { width: 780px; }
#content #productsList.products                        { width: 990px; }
           #productsList .item                  { position: relative; width: 180px; height: 112px; float: left; text-align: center; margin: 0 15px 15px 0; overflow: hidden; text-align: left; }
		   #productsList .item.product                  { width: 230px; height: 143px; }
           #productsList .item a                { color: #000; text-decoration: none; cursor: pointer; }
           #productsList .item a .detail        { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-transform: uppercase; background-color: #b1d662; }
           #productsList .item a .detail .in    { position: absolute; bottom: 10px; left: 0; width: 100%; }
           #productsList .item a .detail .big   { display: block; font-size: 1.8em; font-weight: bold; padding: 0 10px; }
           #productsList .item a .detail .text  { display: block; padding: 0 10px; }
           #productsList .item a:hover          { text-decoration: none !important; }
           #productsList .item a:hover .detail  { display: block; }
           #productsList .noImg a .detail       { display: block !important; background: none; }
           #productsList .noImg a:hover .detail { background-color: #b1d662; }
           
  #content #productDetail           { text-align: center; position: relative;}
/*#content #productDetail a          { display: block;}*/
#content #productDetail a img         { border: none;}
           #productDetail .main     { position: relative;}
           #productDetail .buttons  { clear: both; margin: 10px 0 0 0; padding: 0 0 35px; }
           #productDetail .buttons li { float: left; }
           #productDetail .buttons li a { display: block; padding: 5px 30px 5px 30px; color: #fff; margin: 0 40px 0 -30px; float: left; background: url('../images/bg-productoverlay_green.png'); }
           
           #productDetail .introtext { 
	           	position: relative; 
	           	text-align: left; 
	           	margin: -180px 0 0 0; 
	           	height: 169px; 
	           	padding: 0 195px; 
	           	background: url('../images/bg-productoverlay_green.png');
	           	
           }
           #productDetail .introtext .col1          { width: 340px; padding: 15px 5px; color: #fff; text-transform: uppercase; }
           #productDetail .introtext .col1 .title   { color: #fff; font-size: 2.2em; margin-bottom: 5px; }
           #productDetail .introtext .col1 .perex   { font-size: 1.7em; line-height: 1.1em; }
           #productDetail .introtext .col2          { width: 180px; padding: 15px 10px 5px; }
           #productDetail .noIntroImage             { margin-top: 0; }
           
           /*#productDetail .introtext .gallery .h    { font-size: 1em; color: #fff; margin-bottom: 5px; }
           #productDetail .introtext .gallery ul    { overflow: hidden; height: 100%; }
           #productDetail .introtext .gallery ul li { width: 50px; height: 35px; float: left; margin: 0 8px 8px 0; }*/
           
           #productDetail .introtext .navigation              { height: 100%; }
           #productDetail .introtext .navigation li           { position: absolute; top: 0; font-size: 6em; height: 100%; }
           #productDetail .introtext .navigation li a         { display: block; height: 140px; padding-top: 30px; width: 130px; text-align: center; color: #fff; text-decoration: none !important; }
           #productDetail .introtext .navigation li a:hover   { background: #83a738; }
           #productDetail .introtext .navigation .prev        { left: 0; }
           #productDetail .introtext .navigation .next        { right: 0; }
           
           
           #productDetail .mainContent        { 
	           	text-align: left; 
	           	width: 570px; 
	           	padding: 15px 15px 0; 
	           	color: #fff; 
	           	margin: 0 auto; 
	           	overflow: visible; 
	           	background-color: #231f20;
           }
           #productDetail .mainContent .col1  { width: 350px; margin: 0; line-height: 1.5em; }
           #productDetail .mainContent .col2  { width: 175px; }
           #productDetail .mainContent .col2 .price { margin-bottom: 15px; }
           #productDetail .mainContent .col2 .price .big { font-weight: bold; font-size: 3em; }
           #productDetail .mainContent .col2 .price ul {}
           #productDetail .mainContent .col2 .price ul li { margin-top: 7px; }
           #productDetail .mainContent .col2 .price ul li a { color: #fff; }
           
           #productDetail .mainContent .col2 .material { padding-top: 15px; border-top: 1px #fff solid; }
           #productDetail .mainContent .col2 .material .title { color: #fff; font-size: 1.2em; }
           #productDetail .mainContent .col2 .material .item { margin-bottom: 15px; }
           
           #productDetail .mainContent .col2 .files { padding-top: 15px; border-top: 1px #fff solid; }
           
           #productDetail .mainContent .col2 .related { padding: 5px 0 15px 30px; }
           #productDetail .mainContent .col2 .related li { list-style: square; }
           #productDetail .mainContent .col2 .related li a { color:#fff;}
           
           #productDetail .mainContent .col2 .submenu { padding-left: 20px; }
           #productDetail .mainContent .col2 .submenu li { list-style: square; margin-bottom: 15px; }
           #productDetail .mainContent .col2 .submenu li a { color: #fff; }
           
           #content .submenu .press { padding: 10px 0 0 15px; }
           #content .submenu .press li { list-style: square; }
           
           
           #productDetail .comments { text-align: left; width: 570px; margin: 0 auto; padding: 15px; background-color: #fbfbfb; }
           #productDetail .comments .h { font-size: 1em; text-transform: uppercase; margin-bottom: 5px; }
           #productDetail .comments .h a { color: #000; text-decoration: none; padding-left: 10px; background: url('../images/bg-minus.gif') 0 50% no-repeat; }
           #productDetail .comments .h a.hideComments { background: url('../images/bg-plus.gif') 0 50% no-repeat; }
           #productDetail .comments .item { padding: 15px 0 20px; color: #5c5b60; border-bottom: 1px #c4c4c4 solid; }
           #productDetail .comments .item .title { font-weight: normal; margin-bottom: 3px; }
           #productDetail .comments .item .title span { margin-left: 15px; }
           #productDetail .comments .item .reply { margin-top: 20px; padding-left: 50px; }
           
           
           #productDetail .commentsForm { text-align: left; width: 570px; margin: 40px auto 0; padding: 15px; color: #000; background-color: #f8f8fa; }
           #productDetail .commentsForm .h { font-size: 1em; text-transform: uppercase; padding-left: 10px; margin-bottom: 12px; background: url('../images/bg-minus.gif') 0 50% no-repeat; }
           #productDetail .commentsForm p { margin-bottom: 4px; }
           #productDetail .commentsForm input.fl,
           #productDetail .commentsForm input.fr { width: 130px; }
           #productDetail .commentsForm .col1 { width: 70%; margin: 0; }
           #productDetail .commentsForm .col2 { width: 25%; }
           #productDetail .commentsForm .submit { padding: 3px 20px; color: #fff; float: right; background-color: #231f20; }
           
           
           #productDetail .people .item { padding: 0 0 15px; margin-bottom: 20px; overflow: hidden; height: 100%; border-bottom: 1px #fff solid !important; }
           #productDetail .people .item .self { margin-right: 140px; }
           #productDetail .people .item .self .title { color: #fff; font-size: 1.2em; }
           #productDetail .people .item .self a { color: #fff; }
           #productDetail .people .item .img { float: right; width: 120px; }
           #productDetail .people .last { border: none !important; margin-bottom: 20px !important; }
           
           #productDetail .mainContent h2,
					 #productDetail .mainContent h3,
					 #productDetail .mainContent h4,
					 #productDetail .mainContent h5,
					 #productDetail .mainContent h6 { color: #fff !important; }
           
           #content .text img,
           #content .text a img { border-width: 6px; }
           #content .text img { margin: 4px 0 5px; }
           #content .text img.fl { margin-right: 20px; }
           #content .text img.fr { margin-left: 20px; }
           #content .text a { color: #fff; }
           
           #content .text ul,
           #content .text ol { padding-left: 25px; padding-bottom: 0px; }
           #content .text ul li { list-style: square; margin-bottom: 15px; }
           #content .text ol li { list-style: decimal; margin-bottom: 15px; }
           
           #content .text table { border-collapse: separate; }
           #content .text table th,
           #content .text table td { padding: 5px 10px; }
           #content .text table th { color: #552826; background-color: #ceb08c; }
           #content .text table td { vertical-align: top; background-color: #e7d2b4; }
           
           #content .text p,
           #content .text ul,
           #content .text ol,
           #content .text table { margin-bottom: 15px; }
           
           /*
           #content .text h4 em { font-weight: normal; font-style: normal; }
           #content .text h2,
           #content .text h3,
           #content .text h4 { margin-bottom: 10px; }
           
           #content .text address { font-style: normal; }
           */
           
           #content .text a { color: #ffffff; text-decoration: underline !important; }
           #content .text a:hover { text-decoration: none !important; }
           #content .text a.visited { color: #ffffff; }
           
           #content .mainContent h1,
           #content .mainContent h2,
           #content .mainContent h3,
           #content .mainContent h4 { color: #ffffff; font-weight: normal; margin: 0px; padding: 0px; display: block; }
           #content .mainContent h1 { font-size: 26px; line-height: 28px; }
           #content .mainContent h2 { font-size: 22px; line-height: 26px; }
           #content .mainContent h3 { font-size: 18px; line-height: 24px; }
           #content .mainContent h4 { font-size: 14px; line-height: 20px; }

           #content .text strong { font-size: 105%; font-weight:bolder; }
           #content .text hr { height: 1px; background: none; color: #ffffff; border: none; border-bottom: 1px solid #ffffff; }

           #content .text .colorYellow { color: #fdb813; }
           #content .text .colorGreen { color: #85a936; }
           #content .text .colorBlue { color: #2cc2df; }
           
           #content .text .colorYellow a { color: #fdb813; }
           #content .text .colorGreen a { color: #85a936; }
           #content .text .colorBlue a { color: #2cc2df; }                      

           #content .text .textHighlight { color: #fdb813; display: inline; }
           #content .text .blockHighlight { background-color: #383334; padding: 5px 8px; display: block; }
           #content .text .blockHighlight a { color: #fdb813 !important; }
           #content .text .notice { color: #858585; font-size: 11px; font-style: italic; }
           
  #content #itemList {  }
           #itemList .h { margin-bottom: 15px; }
           #itemList .item { padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; height: 100%; border-bottom: 1px #c0c0c0 dotted; }
           #itemList .item .img { width: 180px; float: left; margin-top: 5px; }
           #itemList .item .self { position: relative; margin-left: 200px; }
           #itemList .item .title { font-size: 1.2em; margin-bottom: 6px; padding-right: 100px; }
           #itemList .item .date { width: 100px; color: #999999; text-align: right; float: right; margin-top: -25px; }
           #itemList .noImg .self { margin-left: 0 !important; }
           
           #itemList .pictures .item { width: 180px; height: 160px; float: left; text-align: center; margin: 0 80px 15px 0; padding: 0; border: none; overflow: hidden; text-align: left;  }
           #itemList .pictures .item .img { float: none; margin: 0 0 5px 0; height: 112px; overflow: hidden; }
           #itemList .pictures .item .self { margin: 0; text-align: center; }
           #itemList .pictures .item .self a { text-decoration: none; }
           #itemList .pictures .item3 { margin-right: 0; }
           #itemList .pictures .cats { padding-left: 15px; }
           #itemList .pictures .cats li { list-style: square; margin-bottom: 5px; }
           
           
  #content #basket { width: 770px; }
           #basket .h { font-size: 1em; text-transform: uppercase; margin-bottom: 10px; }
           #basket #productsList { width: 390px !important; }
           
           #basket #basketOrder { width: 380px !important; }
                   #basketOrder form { padding-top: 20px; }
                   #basketOrder .lab { width: 38%; }
                   #basketOrder .con { width: 61%; }
                   #basketOrder .w100 { width: 90% !important; }
                   #basketOrder .col1 { margin-left: -15px !important; width: 50% !important; }
                   
                   #basketOrder .items { color: #6f6e73; padding: 20px 0 5px; font-size: 1.1em; }
                   #basketOrder .items .title { margin-bottom: 3px; float: left; }
                   #basketOrder .items ul { margin-left: 110px; width: 260px; }
                   #basketOrder .items ul li { margin-bottom: 3px; }
                   
                   #basketOrder .delivery { padding-top: 20px; font-size: 1.1em; }
                   #basketOrder .delivery .title { margin-bottom: 3px; float: left; margin-right: 10px; padding-top: 2px; }
                   #basketOrder .delivery ul li { margin-bottom: 2px; }
                   #basketOrder .delivery ul label { margin-left: 5px; }
                   
                   #basketOrder .price { padding-top: 20px; font-size: 1.1em; }
                   #basketOrder .price .title { margin-bottom: 3px; float: left; margin-right: 10px; padding-top: 2px; }
                   #basketOrder .price p { font-size: 1.4em; }
                   
                   #basketOrder .terms { color: #6f6e73; padding: 20px 0; }
                   #basketOrder .terms .title { margin-bottom: 3px; }
                   
                   #basketOrder .req { color: #000; margin-bottom: 20px; }
                   #basketOrder .buttons { text-align: right; }
                   #basketOrder .buttons .submit { width: 140px; height: 26px; color: #fff; margin-left: 6px; background: #a8a9ad; }
                   

  #content #login {}
           #login .lab { width: 38%; }
           #login .con { width: 61%; }
           #login .col1 { margin-left: -15px !important; }        
           #login .req { margin-left: 39%; color: #000; margin-bottom: 20px; }
           #login ul { padding-left: 20px; margin-top: 20px; }
           #login ul li { list-style: square; }
           #login .buttons { text-align: right; }
           #login .buttons .submit { width: 140px; height: 26px; color: #fff; margin-left: 6px; background: #a8a9ad; }
           
  #content .paging { clear: both; margin-top: 25px; border-top: 1px #c0c0c0 solid; }
           .paging ul { padding: 0 10px; font-size: 1.1em; }
           .paging li { float: left; text-align: center; width: 22px; height: 20px; margin-right: 5px; }
           .paging li a { float: left; display: block; width: 22px; height: 16px; padding: 2px 0; text-decoration: none; }
           .paging li.active a { font-weight: bold; color: #fff; background-color: #c0c0c0; }
           .paging li.hellip { padding-top: 2px; height: 18px; }
           
           
  #content #contactForm { width: 70% !important; }
           #contactForm .lab { width: 30% !important; }
           #contactForm .con { width: 68% !important; }
           #contactForm .req { margin-left: 32%; color: #000; margin-bottom: 20px; }
           #contactForm .buttons { text-align: right; }
           #contactForm .buttons .submit { width: 140px; height: 26px; color: #fff; margin-left: 6px; background: #a8a9ad; }
           
  #content .buttons li a,
  #content .introtext { background: #afd460 !important; opacity:0.85; filter:alpha(opacity:85); }
  #content .item a .detail { background: #afd460 !important; }
  #content .navigation a:hover { background: #8eaf46 !important; }
           
           
  #content .theme_blue .buttons li a,
  #content .theme_blue .introtext,
  #content .theme_blue .navigation a:hover,
  #content .theme_blue .item a .detail { background: #4cbdd4 !important; }
  
  #content .theme_purple .buttons li a,
  #content .theme_purple .introtext,
  #content .theme_purple .navigation a:hover,
  #content .theme_purple .item a .detail { background: #7e2c80 !important; }
  
  #content .theme_red .buttons li a,
  #content .theme_red .introtext,
  #content .theme_red .navigation a:hover,
  #content .theme_red .item a .detail { background: #f04951 !important; }
  
  /* font resize */
  .font_1 { font-size: 1.0em !important; }
  .font_2 { font-size: 1.2em !important; }
  .font_3 { font-size: 1.4em !important; }

#fblink {
	text-decoration: none;
}
#fblink img{
	vertical-align: middle;
	margin: 0 0 0 5px;
}
#fblike {
	margin: 0 0 15px 15px;
}
#gallery {
	position: absolute;
	top: 309px;
	right: 130px;;
	width: 307px;
	height: 161px;
/*    border: 1px solid #fff;*/
}
#gallery .h    { font-size: 1em; color: #fff; margin-bottom: 0px;padding: 4px 0;color: #fff ;
}
#gallery ul    { overflow: hidden; height: 144px; margin:  0;}
#gallery ul li { width: 100px; height: 70px; float: left; margin: 0; border: 1px solid #fff; }

#productDetail .main     { 
	z-index: 998;
}
#productDetail .mainContent {
 	z-index: 999;
 	position: relative;
}
#productDetail .introtext {
	 z-index: 1000;
}
#gallery {
	z-index: 1001;
}
#productsFilter .order ul      { margin: 10px 0 20px; width: 990px;}
.items.categories li {
	display: block;
    height: 75px;
    width: 230px;
    float: left;
    margin: 0 15px 15px 0;
    cursor:pointer;
    background:#8C8D8C;
}
.items.categories li input {
	display: none;
}
.items.categories li label {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	display: block;
	margin: 30px 0 0;
}
.items.categories li.catitem0 {	background: #78b300;}
.items.categories li.catitem1 {	background: #0ecdb9;}
.items.categories li.catitem2 {	background: #00c0db;}
.items.categories li.catitem3 {	background: #0e7eda;}
.attr {
	display: block;
    height: 133px;
    width: 220px;
    float: left;
    margin: 0 15px 15px 0;
    cursor:pointer;
    padding: 10px 0 0 10px;
}
.attrtitle { color: #fff; font-size: 13px; text-decoration: underline; }
.attrvals label { color: #fff; }
.attrvals li.checked { background: url(../images/whitearr.png) no-repeat left center;}
.bluecat .filtritem0 { background: #0e7eda;}
.bluecat .filtritem1 { background: #4196db;}
.bluecat .filtritem2 { background: #6baadc;}
.bluecat .filtritem3 { background: #93bbdd;}

.greencat .filtritem0 { background: #78B300;}
.greencat .filtritem1 { background: #9DD325;}
.greencat .filtritem2 { background: #ABD555;}
.greencat .filtritem3 { background: #B2D66C;}

.turquoisecat .filtritem0 { background: #0ECEB9;}
.turquoisecat .filtritem1 { background: #4BCFC1;}
.turquoisecat .filtritem2 { background: #74D1C7;}
.turquoisecat .filtritem3 { background: #8CD3CB;}

.lightbluecat .filtritem0 { background: #00C0DC;}
.lightbluecat .filtritem1 { background: #2DDBF6;}
.lightbluecat .filtritem2 { background: #59E0F3;}
.lightbluecat .filtritem3 { background: #83DBE9;}

#filter-back {
	text-align: right;
	margin: 0 30px 10px 0;
}

.attrvals li {padding-left:8px; } 
.attrvals li input { display: none;}
#pfiltersubmit {
	display: none;
}
#mapaop {
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	border: 5px solid #fff;
	padding: 15px 0 0 0 ;
	background: #fff;
	display: none;
}
#mapa {
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 15px;
	left: 0;
	
}
#mapaop a {
	display: block;
	position: absolute;
	top: -5px;
	right: 5px;
	width: 10px;
	height: 10px;
	z-index: 10001;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
	cursor: pointer;
	font-family: Tahoma;
}
#mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}