/* ------------------------------------------------


----------------------Rayfilm----------------------


------------------------------------------------ */

/* 01. HTML Tagy */
body {
  background: #fff url('../img/bg.png') top center repeat-x;
	font-family: Verdana, sans-serif; font-size: 75%; text-align: left; color: #100a6e;
	margin: 0px; padding: 0;
}

/* 01.1. Tagy Hx */
#web h1 {font-size: 1.667em; margin: 0 0 20px 15px;}
#web h2.produkt_title {line-height: 14px; margin: -5px 12px 0px 12px; padding: 0; }
#web h2.produkt_title a{font-size: 0.75em; font-weight: bold; margin: 0; padding: 0;}
#web .everyday {color: #007170;}
#web .office {color: #a76e00;}
#web .synthetic {color: #88184d;}
#web .laser {color: rgb(63,126,199);}
#web h2.bp_title {font-size: 1.333em; font-weight: bold; width: 164px; margin: 0 15px 12px 15px;}
#web h2.h2_right {font-size: 1.333em;}
#web h3.produkt_polozka {font-size: 0.917em; margin: 0 12px 0 12px; padding: 0; background: none; font-weight: normal;}
#web h4 {font-size: 1.083em; color: #100a6e; margin: 0 0 5px 0; padding: 8px 0 8px 0; background: url('../img/h3.gif') bottom repeat-x;}
#web h4.h4_bigger {font-size: 1.25em;}
#web h4.h4_aktuality {padding: 8px 0 8px 15px; font-weight: normal;}
#web h5 {font-size: 1em; color: #100a6e; margin: 10px 0px 0px 0px; padding: 0; font-weight: bold;}

/* 01.2. Obecné */
#web img {border: 0; margin: 0;}
#web .hidden {display: none;}
#web form {margin: 0;}
#web .span_blue {color: #100a6e;}
#web .span_blue_strong {color: #100a6e; font-weight: bold;}
#web .uppercase {text-transform: uppercase;}

#web a {color: #100a6e; text-decoration: underline;}
#web a:hover {color: #100a6e; text-decoration: none;}

#web .p_blue {
  line-height: 16px;
  margin: 0 15px 20px 15px;
}
#web .p_gray {
  color: #7f7f7f; line-height: 16px;
  margin: 0 15px 30px 15px;
}
/* 02. Layout */
#web {
  width: 985px;
  margin: 0px;
}
#web #top {
  background: url('../img/top.png') top left no-repeat;
  text-align: left;
  width: 985px; height: 112px;
  position: relative; top: 0;
}

#web #logo {
  width: 192px; height: 24px;
  margin: 57px 0px 0px 116px;
  float: left;
}
#web #top_iso {
  width: 242px; height: 24px; margin: 57px 0px 0px 65px;
  float: left;
}
#web #top_adresa {
  background: url('../img/top_adresa.png') top left no-repeat;
  font-size: 0.75em; color: #ffffff; line-height: 8px;
  width: 163px; height: 30px; margin: 57px 0px 0px 65px; padding-left: 16px;
  float: right;
}

#web #lang {
  background: url('../img/bg_lang.png') top left no-repeat;
  width: 116px; height: 49px; padding: 0 0 0 64px;
  float: left;
}
#web #ul_lang{
  margin: 0; padding: 0; list-style-type: none;
  width: 116px; height: 49px;
}
#web #ul_lang li{
  margin-right: 30px; margin-right: 3px;
  height: 49px;
  float: left;
}
#web #ul_lang li a{
  margin: 0px 0px 0px 1px;
  display: block;
  float: left;
  text-align: center;
  height: 49px;
  line-height: 49px;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.833em;
  padding: 0px;
}
#web #ul_lang li a:hover, #web .select {
  background: url('../img/lang_hover.png') repeat-x bottom right;
  color: #000000;
}

#web #navi {
  background: url('../img/menu.png') top left repeat-x;
  width: 795px; height: 49px;
  float: left;
  font-size: 0.917em; color: #ffffff;
  padding-left: 10px;
}
#web .menuclass {height: 49px; line-height: 49px;}
#web .menu {list-style-type: none; height: 49px; line-height: 49px; float: left; margin: 0; padding: 0; }
#web .menu li {background: url('../img/menu_item.png') no-repeat bottom right; padding-right: 1px; float: left; }
#web .menu li a {text-align: left; padding: 0 8px 0 8px; height: 49px; line-height: 49px; color: #ffffff; text-decoration: none; margin: 0; float: left;}
#web .menu li a:hover {background: url('../img/menu_item_hover.png') repeat-x bottom right; color: #c8c8c8;}

#web .sub_menu {display:none; position:absolute; margin: 24px 0 0 0; padding: 0; list-style-type: none; width: 140px;}
#web .sub_menu li {color: #5d5d5d; margin: 0; padding: 0; width:150px; height: 32px; background: none;}
#web .sub_menu li a{background: url('../img/menu_sub.png') top left repeat-x; height: 32px; line-height: 32px; width: 120px; padding-left: 20px;color: #5c5c5c;}
#web .sub_menu li a:hover {background: url('../img/menu_sub_hover.png') repeat-x bottom right; color: #c8c8c8;}
#web .selected { background-color: #e8e8e8 }


#web #search {
  width: 233px;
  height: 49px;
  float: right;
}
#web .p_search {
  background: url('../img/menu_item.png') no-repeat bottom right;
  width: 55px; margin: 0; line-height: 49px; float: left;
}

#web #tab_search {
  width: 148px;
  height: 20px;
  margin-top: 10px;
  float: right;
  margin: 13px 13px 0 0;
  border-collapse: collapse;
}
#web .td_search_left {
  background: url('../img/in_search.png') top left no-repeat;
  width: 130px; height: 20px; margin: 0; padding: 0; 
}
#web .in_search {
  width: 120px;
  height: 18px;
  margin: 0px 0px 0px 5px; padding: 0;
  background: none;
  border: none;
  font-size: 0.917em;
}

#web .td_search_right {
  width: 18px;
  margin: 0;
  padding: 0;
  float: left;
}
#web .button_search {
  background: url('../img/button_search.png') top left no-repeat;
  border: none;
  width: 18px;
  height: 22px;
  margin: 0; padding: 0;
  cursor: pointer;
}

#web #fotka-left {
  width: 180px; height: 260px;
  float: left;
}

#web #content {
  background: url('../img/bg_dotted.gif') 625px 0px repeat-y;
  width: 805px;
  float: left;
  margin-top: 20px;
}
#web #content-i {
  background: none;
  width: 805px;
  float: left;
  margin-top: 20px;
}
#paticka {
  background: #aaaaaa;
  width: auto; height: 32px; margin: 47px 0 0 180px;
}

#heel {
  background: url('../img/bg_paticka.png') repeat-x;
  width: 790px; height: 32px; padding-left: 15px;
}
#ul_paticka {
  width: 600px; height: 32px;
  margin: 0px; padding: 0px; float: left;
  list-style-type: none;
}
#ul_paticka li {
  background: url('../img/paticka_item.png') no-repeat bottom right;
  margin-right: 8px;
  padding-right: 1px;
  float: left;
}
#ul_paticka li.noli {
  background: none;
}
#ul_paticka li a{
  margin: 0px 0px 0px 1px;
  display: block;
  float: left;
  text-align: center;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
  font-size: 0.833em;
  padding: 0px 8px 0px 0px;
}
#ul_paticka li a:hover {
  text-decoration: underline;
}
#paticka_logo {
  width: 108px;
  float: right;
}
#paticka_logo img{float: right;}

#bottom {
  width: 775px; margin: 10px 0 0 180px; padding: 0 15px 0 15px;
  font-size: 0.833em; color: #7f7f7f;
}
.bottom_in {width: 500px; float: left;}
#bottom a{text-decoration: none;}
#bottom a:hover {text-decoration: underline;}
.clear {
  clear: both;
}
.ovx {width: 150px; float: right; text-align: right;}
/* 03. Titulní strana */

#web #tit_left {
  width: 146px;
  font-size: 0.917em;
  float: left;
}
#web #tit_left p{
  margin-bottom: 44px;
}

#web #center {
  width: 464px; margin: 0 16px 0 16px;
  float: left;
}

#web .tit_produkt {
  width: 147px; float: left; margin: 0px 11px 10px 0px;
  color: #7f7f7f;
}
#web .tit_produkt_no {
  width: 147px; float: left; margin: 0px 0px 10px 1px;
}
#web .tit_produkt_top {
  background: url('../img/tit_produkt_top.png') top left no-repeat;
  height: 285px;
}
#web .tit_produkt_bottom {
  background: url('../img/tit_produkt_bottom.png') bottom no-repeat;
  padding: 3px 6px 3px 6px;
  height: 21px;
}
#web .tit_produkt_2 {
  width: 147px; height: 187px; float: left; margin-right: 11px;
}
#web .tit_produkt_2_no {
  background: url('../img/tit_produkt_2.png') top left no-repeat;
  width: 147px; height: 187px; float: left; margin: 0px 0px 0px 1px;
}
#web .tit_produkt_2_top {
  background: url('../img/tit_produkt_2_top.png') top left no-repeat;
  height: 162px;
}

#web .button_eshop {background: url('../img/button_eshop.png') no-repeat; width: 61px; height: 20px; line-height: 20px; font-size: 0.833em; border: none; display: none;}
#web .produkt_text {margin: 8px 12px 0px 12px; font-size: 0.833em; color: #7f7f7f; line-height: 11px;}

#web #tit_right {
  width: 163px; float: right;
  font-size: 0.917em; color: #646464;
  padding-bottom: 100px;
}
#web #tit_right img{float: left;}
#web #tit_right p{margin-bottom: 0;}

#web #tit_right p.datum {
  margin: 2px 0px 12px 0px;
  font-size: 0.75em; color: #000000;
}
#web #tit_right_n {
  width: 163px; float: right;
  font-size: 0.833em; color: #646464;
}
#web #tit_right p.tit_right_link {
  margin: 0 0 18px 0;
  color: #100a6e;
}

#web #novinky {
  width: 163px;
  height: 100px;
  margin-top: -100px;
  float: right;

}
#web #novinky p{margin: 8px 0 12px 0; padding: 0; font-size: 0.917em; color: #100a6e;}

#web #tab_novinky {
  width: 149px; height: 15px;
  border-collapse: collapse; 
}
#web .td_novinky_left {
  background: url('../img/in_novinky.png') top left no-repeat;
  width: 130px; height: 22px; margin: 0; padding: 0; float: left;
}
#web .in_novinky {
  width: 120px;
  height: 18px;
  margin: 0px 0px 0px 5px; padding: 0;
  background: none;
  border: none;
  font-size: 0.917em;
}
#web .td_novinky_right {
  width: 19px;
  margin: 0;
  padding: 0;
  float: left;
}
#web .button_novinky {
  background: url('../img/button_novinky.png') top left no-repeat;
  border: none;
  width: 19px;
  height: 22px;
  margin: 0; padding: 0;
  cursor: pointer;
}

/* 04. Etikety */
#web #sub_center {
  width: 610px; 
  padding: 0 0 0 0;
  margin: 0;
  float: left;
}
#web #produkty {
  width: 626px;
}
#web .big_produkt {
  background: url('../img/big_product.png') bottom no-repeat;
  width: 194px; height: 400px; margin: 0 14px 5px 0; float: left;

}

#web .big_produkt p{
  margin: 0 15px 10px 15px;
}

#web .p_bp_gray {
  width: 164px;
  font-size: 0.917em; color: #7f7f7f;
}


/* 05. Detail produktu */
#web #produkt_left {
  width: 301px; float: left;
}

#web #produkt_right {
  width: 293px; margin-left: 15px; float: left; font-size: 9px;
}

#web .p_colors {margin: 0 0 20px 0; padding: 0; background: none;}

#web table.produkt_colors {
  width: 295px; margin: 0 0 20px 0; border-collapse: collapse;
}

#web table.produkt_colors th {
  text-align: left;
}

#web .td_colors_left {
  background: #e8e8e8;
  width: 48px; 
  height: 20px;
  text-align: center;
  margin: 1px;
  border: 1px solid white;
  padding: 0 6px 0 4px;
}
#web .td_colors_right {
  background: #f1f1f1;
  padding-left: 4px;
  border: 1px solid white;
  padding: 0 6px 0 4px;
  font-size: 9px;
}
#web .td_colors_right_9cce7e {
  background: #f1f1f1 url('../img/9cce7e.png') right repeat-y;
  padding: 0 6px 0 4px;
  border: 1px solid white;
    font-size: 9px;
}
#web .td_colors_right_dcda2b {
  background: #f1f1f1 url('../img/dcda2b.png') right repeat-y;
  padding: 0 6px 0 4px;
  border: 1px solid white;
    font-size: 9px;
}
#web .td_colors_right_ed1250 {
  background: #f1f1f1 url('../img/ed1250.png') right repeat-y;
  padding: 0 6px 0 4px;
  border: 1px solid white;
    font-size: 9px;
}
#web .td_colors_right_30c6e6 {
  background: #f1f1f1 url('../img/30c6e6.png') right repeat-y;
  padding: 0 6px 0 4px;
  border: 1px solid white;
    font-size: 9px;
}

/* 06. Kontakty */
#web .content_in {
  width: 594px;
  margin: 0 0 20px 15px;
}
#web .content_in_b {
  width: 594px;
  margin: 0 0 0 15px;
}
#web .kontakt_box {
  width: 285px;
  line-height: 16px;
  color: #646464;
  float: left;
}
#web .kontakt_box_r {
  width: 285px;
  line-height: 16px;
  color: #646464;
  float: right;
}
#web #tabulka_p_doba {border-collapse: collapse;}
#web #tabulka_p_doba td{width: 80px;}

/* 06.1. Formulář - kontakty */
#web #kontakt_form {
  width: 152px;
  border-collapse: collapse;
}
#web .k_form_text {
  height: 22px;
  color: #100a6e;
}
#web .k_form_pole {
  width: 150px;
  background: url('../img/form_pole.jpg') no-repeat;
  height: 22px;
}
#web .form_input {
  background: none;
  border: none;
  width: 136px;
  height: 20px;
  margin: 0 7px 0 5px;
}
#web .k_form_textarea {
  background: url('../img/form_textarea.jpg') no-repeat;
  width: 150px;
  height: 120px;
}
#web .form_textarea {
  background: none;
  border: none;
  margin: 0 7px 0 7px;
  overflow: hidden;
}
#web .k_form_radio {padding-top: 20px;}
#web .k_form_radio img {float: left; margin: 0; padding: 0;}
#web .form_p_radio {width: 15px; margin: 0; padding: 0; float: left;}
#web .form_p {width: 125px; float: right; margin: 0; color: #100a6e;}

#web .button_yellow {background: url('../img/button_yellow.png') no-repeat;}
#web .button_white {background: url('../img/button_white.png') no-repeat;}
#web .button_white,#web .button_yellow {
  border: none;
  width: 75px;
  height: 24px;
  font-size: 0.917em;
  color: #100a6e;
  text-align: left;
  padding-left: 10px;
  float: left;
}

/* 07. Aktuality */
#web #h1{width: 390px; float: left;}
#web #zmena_pisma {
  width: 200px;
  float: right;
}
#web .aktualita {width: 610px;}
#web .aktualita_text {
  background: #f2f2f2;
  width: 580px;
  padding: 8px 15px 8px 15px;
  color: #646464;
}
#web .akt_p {text-align: right; padding:0; margin: 8px 0 0 0;} 

/* 08. Download */
#web .table_dl {
  width: 610px;
  border-collapse: collapse;
  font-size: 1em;
  color: #646464;
}
#web .table_dl tr {height: 20px;}
#web .table_dl td{border: 1px solid #ffffff;}
#web .table_dl tr.tr_dl_1 {background: #e8e8e8;}
#web .table_dl tr.tr_dl_2 {background: #efefef;}
#web .td_dl_left {width: 385px; padding-left: 15px;}
#web .td_dl_ll {width: 65px; padding-left: 10px;}
#web .td_dl_rr {width: 100px; padding-left: 10px;}
#web .td_dl_right {background: #ffffff; width: 25px; text-align: right;}

/* 09. Sitemap */
#web .sitemap_list {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
}
#web .sitemap_list li {
  background: url('../img/sitemap_list.png') 0px 3px no-repeat;
  padding-left: 20px;
}
#web .sitemap_list ul {list-style-type: none; margin-left: 0px; padding: 0;}          

/* 10. Vysledky hledani */
#web #h_up_right {width: 200px; float: right; margin-top: -38px; height: 20px; line-height: 30px; text-align: right; color: #818181; text-transform: uppercase; font-weight: bold;}
#web .found_item {margin-top: 20px; line-height: 16px;}         
#web .fi_title {font-weight: bold; margin: 0;}
#web .fi_text {color: #7f7f7f; margin: 0;}
#web .fi_link {margin: 0;}                   

#web .li-tbl-ray {
				margin-left: 15px;
}

#web .li-tbl-ray .li-h-zakazkova { background: url(../img/old/pictogramy/li-zakazkova.jpg) top left no-repeat; }
#web .li-tbl-ray .li-zakazkova { background: url(../img/old/pictogramy/li-zakazkova.jpg) top right no-repeat; }
      
#web .li-tbl-ray td {
				margin: 0;
				padding:0 0 6px 10px;
				line-height: 1.4em;
			}
#web .li-tbl-ray td.podnadpis {
				margin: 0;
				padding:0 0 6px 0;
			}

#web .li-tbl-ray td.li-head {
				padding:1px 0 18px 20px;
				font-weight:bold;
			}	
#web .li-tbl-ray td.li {
				width:20px;
			}
      
                  
			#web .li-h-renovace { background: url(../img/old/pictogramy/li-renovace.jpg) top left no-repeat; }
			#web .li-renovace { background: url(../img/old/pictogramy/li-renovace.jpg) top right no-repeat; }
      
   #web .bott-bannery-ray .bb-content-ruka {
			   margin: 0;
			   padding: 20px 80px 20px 20px;
		  }  
#web .bott-bannery-ray #ruka{
			width: 80px;
			height: 120px;
			position: absolute;
			bottom: 2px;
			right: 2px;
			background: url(../img/old/pictogramy/ruka.gif) no-repeat;
		} 		  
		
#web .bott-bannery-ray .bb-renovace {background: #BFE376; border:2px solid #BFE376; color: #638320;}
		
		#web .bott-bannery-ray .bb-out {
			margin: 0;
			padding: 0;
			xwidth: 504px;
			position: relative;
		} 
		
		#web .bott-bannery-ray .phone-renovace { background: url(../img/old/pictogramy/phone-renovace.jpg) left no-repeat; }
		#web .bott-bannery-ray .bb-content-phone {
			margin: 0;
			padding: 20px 20px 20px 140px;
		}
		
		#web .bott-bannery-ray .bb-in {
	      margin:0; padding:0;		
			xwidth: 500px;
			border:2px solid #ffffff;
      }
      
      #web .li-tbl-ray .li-h-inkoustove { background: url(../img/old/pictogramy/li-inkoustove.jpg) top left no-repeat; }
			#web .li-tbl-ray .li-inkoustove { background: url(../img/old/pictogramy/li-inkoustove.jpg) top right no-repeat; }
			#web .bott-bannery-ray .bb-inkoustove {background: #F98CB6; border:2px solid #F98CB6; color: #ffffff;}
      #web .bott-bannery-ray .phone-inkoustove { background: url(../img/old/pictogramy/phone-inkoustove.jpg) left no-repeat; }
      
      #web .li-tbl-ray .li-h-plotry { background: url(../img/old/pictogramy/li-plotry.jpg) top left no-repeat; }
			#web .li-tbl-ray .li-plotry { background: url(../img/old/pictogramy/li-plotry.jpg) top right no-repeat; }	                                                      
			#web .bott-bannery-ray .bb-plotry {background: #FCA985; border:2px solid #FCA985; color: #9C4118;}
			#web .bott-bannery-ray .phone-plotry { background: url(../img/old/pictogramy/phone-plotry.jpg) left no-repeat; }
			
/* sbblock */
div.sbb_div {
	display: none;
}

p.description {
  color: #7f7f7f;
  line-height: 16px;
  margin: 3px 0px 3px 0px;
}

p.url {
  color: #7f7f7f;
  line-height: 16px;
  margin: 3px 0px 3px 0px;
}
