body
{
	background-color: #f5f5ff;
	padding: 0px;
	margin: 0px;
	behavior:url(../css/cssHoverFix/cssHoverFix.htc);
	z-index: 0;
}

a:link                {color: #666666; text-decoration: none;}
a:visited             {color: #666666; text-decoration: none;}
a:hover               {color: #323232; text-decoration: none;}

form
{
  margin: 0px;
}

table
{
  border-collapse: collapse;
  border: 1px solid #d1d1d1;
} 

td
{
  border: 1px solid #d1d1d1;
  padding: 4px;
  font-size: 12px;
} 

/* nadpis */
h3
{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  font-size: 16px;
  color: #5c5cb1;
}

/* mezinadpis */
h4
{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  font-size: 13px;
  color: #7493ea;
}

/* popisek fotky */
h5
{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  font-size: 10px;
}


/* stavový řádek uživatele */
.userstate
{
  margin: 0px auto;
  background: #D2C4A8;
  height: 16px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #d1d1d1;
  color: #1e1e1e;
  font-family: Arial;
  font-size: 10pt;
}

/* horní posun */
.offsetbar
{
  position: relative;
  height: 10px;
  width: 1000px;
  margin: 0px auto;
}

/* pruhy */
.stripe_left, .stripe_right
{
  position: absolute;
  height: 600px;
  width: 100px;
  margin: 0px auto;
}

.stripe_left
{
  left: -100px;
  background: url(../webpics/layout/6/strip-left.png) 50% 0px  repeat-y;
}

.stripe_right
{
  right: -100px;
  background: url(../webpics/layout/6/strip-right.png) 50% 0px repeat-y;
}





/* hlavní div */
.super_allbar
{
  position: relative;
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
}

.allbar_obal_top, .allbar_obal_bottom
{
  margin: 0px auto;
  padding: 0px;
  overflow: hidden;
}

.allbar_inner_top, .allbar_inner_bottom
{
  margin: 0px auto;
  padding: 0px;
  width: 980px;
  height: 10px;
  overflow: hidden;
}

.allbar_inner_top
{
  background: url(../webpics/layout/6/allbar-top.gif) 0px 0px repeat-x;
}

.allbar_inner_bottom
{
  background: url(../webpics/layout/6/allbar-bottom.gif) 0px 0px repeat-x;
}

.allbar_obal_top_right, .allbar_obal_top_left, .allbar_obal_bottom_right, .allbar_obal_bottom_left
{
  position: absolute;
  padding: 0px;
  margin: 0px;
}
.allbar_obal_top_left
{
  top: 0px;
  left: 0px;
}
.allbar_obal_top_right
{
  top: 0px;
  right: 0px;
}
.allbar_obal_bottom_left
{
  bottom: 0px;
  left: 0px;
}
.allbar_obal_bottom_right
{
  bottom: 0px;
  right: 0px;
}

.allbar_inner_top_right, .allbar_inner_top_left, .allbar_inner_bottom_right, .allbar_inner_bottom_left
{
  width: 10px;
  height: 10px;
  padding: 0px;
  margin: 0px; 
  overflow: hidden;
}
.allbar_inner_top_left
{
  background: url(../webpics/layout/6/allbar-top-left.gif) 0% 0% no-repeat;
}
.allbar_inner_top_right
{
  background: url(../webpics/layout/6/allbar-top-right.gif) 0% 0% no-repeat;
}
.allbar_inner_bottom_left
{
  background: url(../webpics/layout/6/allbar-bottom-left.gif) 0% 0% no-repeat;
}
.allbar_inner_bottom_right
{
  background: url(../webpics/layout/6/allbar-bottom-right.gif) 0% 0% no-repeat;
}

.allbar_obal
{
  margin: 0px auto;
  float: right;
  padding: 0px;
  width: 980px;
  overflow: hidden;
}

.allbar_obal_left, .allbar_obal_right
{
  float: left;
  margin: 0px auto;
  padding: 0px;
}
.allbar_obal_left
{
  width: 990px;
  background: url(../webpics/layout/6/allbar-obal-left.gif) 0px 0px repeat-y;
}

.allbar_obal_right
{
  width: 1000px;
  background: url(../webpics/layout/6/allbar-obal-right.gif) 100% 0% repeat-y;
}
.allbar_inner
{
  min-height: 600px;
  _height: 600px;
  width: 980px;
  background: #f9f9f9;
  margin: 0px;
  border-radius: 8px; 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
}

/* menu */
.menubar_env
{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	border-bottom: 1px solid #808080;
}

.banner_env
{
	width: 100%;
  height: 130px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background: url(../webpics/layout/6/banner_env-lhr.gif) 0% 0% no-repeat;
  border-radius: 10px 0px 0px 0px;
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius: 10px 0px 0px 0px;
}

.banner_masaryk, .banner_masaryk_smile
{
  float: left;
  width: 174px;
  height: 130px;
  background: url(../webpics/layout/6/masaryk.png) 50% 0% no-repeat;
  position: relative;
  left: 6px;
  top: 1px;
}

.banner_logo
{
  float: right;
  width: 150px;
  height: 130px;
  background: url(../webpics/layout/6/logo.png) 50% 0% no-repeat;
  position: relative;
  right: 1px;
  top: 1px;
}

.banner_masaryk_smile
{
  background: url(../webpics/layout/6/masaryk-smile.png) 50% 0% no-repeat;
}

.banner_text
{
  margin: 0px auto;
  background: url(../webpics/layout/6/banner.png) 50% 0% no-repeat;
  width: 650px;
  height: 130px;
  position: relative;
  left: 14px;
  _left: 2px;
  right: 1px;
  cursor: pointer;
  _cursor: hand;
}

.menu_env
{
	width: 100%;
	background-color: #f5f5ff;
  border-bottom: 2px solid #5c5cb1;
  border-top: 2px solid #5c5cb1;
  margin: 0px;
  padding: 0px;
  position: relative;
}


.menu_item_obal
{
  display: block;
  position: relative;
  float: left;
  text-align: center;
  color: #5c5cb1;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  _cursor: hand;
}

.menu_item_inner, .menu_item_inner_selected
{
  margin: 0px;
  padding: 10px;
  position: relative;
}

.menu_item_inner_selected
{ 
  background-color: #5c5cb1;
  color: #ffffff;
}


.menu_item_sel_obal
{
  height: 30px;
  width: 100%;
  margin: 0px;
  position: relative;
  text-align: center;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.menu_item_sel_inner
{
  position: relative;
  float: right;
  top: 8px;
  right: 20px;
  color: #5c5cb1;
}

/* main */
.mainbar_env
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* navi */
.navibar_env
{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 200px;
}

.navibar_inner
{
 position: relative;
  min-height: 36px;
  _height: 36px;
  background-color: #5c5cb1;
  margin: 4px 4px 2px 2px;
  padding: 0px;
}

/* galerie */

.navibar_inner ul {
  margin:0px;
  padding:0px;
  background-color: #5c5cb1;
  z-index: 1;
}

.navibar_inner ul li {
  min-height:34px;
  _height:38px;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style:none; 
  background-color: #7070d0;
  margin: 1px;
  text-align: right;
  width:190px;
}

.navibar_inner ul .active {
  background-color: #5c5cea;
  color: #ffffff;
}

.navibar_inner ul li span{
  position: relative;
  padding-right: 6px;
  padding-left: 6px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.navibar_inner ul li a:link, .navibar_inner ul li a:visited {
  color: #ffffff;
} 

.navibar_inner ul li:hover {
  background-color: #5c5cea;
  position:relative;
}

/* sub-galerie */

.navibar_inner ul ul {
  display:none;
  position:absolute;
  left:185px;
  top:5px;
  border-top: 1px solid #f5f5ff;
  border-left: 1px solid #f5f5ff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}

.navibar_inner ul li:hover ul {
  display:block;
}

.navibar_inner ul ul li {
  float:left;
  display:inline;
  border:none;
}

.navibar_inner ul ul li:hover {
  border:none;
}

.navibar_inner li:hover ul li ul {
  display:none;
}

.navibar_inner ul ul li ul {
}

.navibar_inner ul ul li:hover ul {
  display:block;
}

.navibar_inner li:hover ul li ul ul{
  display:none;
}

.navibar_inner ul ul ul li ul {
}

.navibar_inner ul ul ul li:hover ul {
  display:block;
}



.navibar_item_obal
{
  position: relative;
  margin: 0px;
  clear: both;
  _height: 38px;
  background: #5c5cb1;
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
.navibar_item_inner
{
  position: relative;
  min-height: 36px;
  _height: 36px;
  margin: 1px 1px 1px 8px;
  padding-right: 4px;
  color: #ffffff;
  background-color: #7070d0;
}

.navibar_item_inner_selected
{
  position: relative;
  min-height: 36px;
  _height: 36px;
  margin: 1px 1px 1px 8px;
  padding-right: 4px;
  background-color: #5c5cea;
  color: #ffffff;
  cursor: pointer;
  _cursor: hand;
}


/* info */
.infobar_env
{
  float: right;
  margin: 0px;
  padding: 0px;
  color: #666666;
  width: 150px;
}

.infobars_head
{
  background: url(../webpics/layout/6/info-head.png) 0 0 no-repeat;
  text-align: center;
  border-bottom: 1px solid #808080;
  margin: 0px 0px 2px 0px;
  padding: 0px 4px 0px 4px;
  color: #ffffff;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  font-weight: bolder;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.infobars_head a:link, .infobars_head a:visited
{
  color: #ffffff;
}
.infobars_head a:hover 
{
  color: #5c5cb1;
}
/* kalendář */
.diary_env
{
  position: relative;
  min-height: 190px;
  _height: 190px;
  background: url(../webpics/layout/6/info-env.gif) 0 100% repeat-x;
  margin: 4px 2px 4px 4px;
  padding: 2px;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.diary_tab
{
  width: 100%;
  border: 1px solid #d1d1d1;
  margin: 0px auto;
  margin-top: 2px;
  table-layout: fixed;
  border-collapse: collapse;
}

.diary_week
{
  padding: 1px;
  background-color: #5c5cb1;
  border: 1px solid #d1d1d1;
  border-bottom: 1px solid #aaaaaa;
  color: #aaaaaa;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
 letter-spacing: 1px;
}

.diary_pruhledna, .diary_seda, .diary_none, .diary_today
{
  padding: 1px;
  padding-top: 2px;
  border: 1px solid #d1d1d1;
  color: #666666;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 8px;
 letter-spacing: 1px;
}

.diary_seda
{
  background-color: #7070d0;
  color: #ffffff;
}

.diary_pruhledna
{
  background-color: #f5f5ff;
}
.diary_none
{
  background-color: transparent;
  border: 0px;
}
.diary_today
{
  background-color: #5c5cb1;
  color: #ffffff;
}

/* aktuality */
.act_env
{
  position: relative;
  height: 200px;
  overflow: hidden;
  background: url(../webpics/layout/6/info-env.gif) 0 100% repeat-x;
  margin: 4px 2px 4px 4px;
  padding: 2px;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

/* články v aktualitách */
.article_act_env
{
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
}

.article_act_inner
{
  background-color: #f5f5ff;
  border: 1px solid #d1d1d1;
  padding: 0px;
  margin: 0px;
  text-align: left;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.article_act_head
{
  padding: 0px;
  margin: 2px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
}

.article_act_body
{
  padding: 0px;
  margin: 4px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
}

.article_act_body p
{
  padding: 0px;
  margin: 0px;
}

/* info v infu */
.info_info_env
{
  position: relative;
  height: 100px;
  overflow: hidden;
  background: url(../webpics/layout/6/info-env.gif) 0 100% repeat-x;
  margin: 4px 2px 4px 4px;
  padding: 2px;
  text-align: left;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.info_info_env p
{
  padding: 0px;
  margin: 0px;
}

/* články info v infu */
.article_info_env
{
  padding: 0px;
  margin: 0px;
}

.article_info_inner
{
  background-color: #f5f5ff;
  border: 1px solid #d1d1d1;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
  border-radius: 3px 3px 3px 3px;  
  -moz-border-radius: 3px 3px 3px 3px;  
  -webkit-border-radius: 3px 3px 3px 3px;  
}
.article_info_body
{
  padding: 0px;
  margin: 4px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
}

/* vyhledávání */
.search_env
{
  position: relative;
  height: 44px;
  overflow: hidden;
  background: url(../webpics/layout/6/info-env.gif) 0 100% repeat-x;
  margin: 4px 2px 4px 4px;
  padding: 2px;
  text-align: left;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

/* obsah */
.content_env
{
  background-color: #f5f5ff;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 630px;
  overflow: hidden;
}

.content_inner
{
  min-height: 562px;
  _height: 558px;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  padding: 4px;
  margin: 0px;
}

.article_env
{
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
}

.article_inner, .article_inner_hide
{
  border: 1px solid #d1d1d1;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.article_inner_hide
{
  background: #808080;
}

.article_head
{
  padding: 0px;
  margin: 4px;
  float: left;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.article_head h3
{
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 4px;
}

.article_head a h3 
{
  text-decoration: underline;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0.5pt;
}

.article_head_dates
{
  padding: 0px;
  margin: 4px;
  float: right;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 9px;
}

.article_head_autor
{
  padding: 0px;
  margin-left: 4px;
  float: left;
  text-align: left;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
}

.article_bottom_autor
{
  padding: 0px;
  margin-left: 4px;
  float: left;
  text-align: left;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
}

.article_body
{
  padding: 0px;
  margin: 4px;
  text-align: left;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  overflow: hidden;
}

.article_body a:link, .article_body a:visited
{
  text-decoration: underline;
  color: #5c5cea;
}

.article_body a:hover
{
  text-decoration: underline;
  color: #7070d0;
}

.article_perex
{
  background: #5c5cea;
  float: right;
  margin-left: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.article_perex img
{
  margin: 2px;
}

.gallery_body
{
  padding: 0px;
  margin: 3px;
  text-align: left;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
}

/* náhledy */

.thumb_env
{
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: center;
}

.thumb_inner
{
  height: 160px;
  width: 149px;
  background: #5c5cea;
  margin: 2px;
  overflow: hidden;
}

.thumb_image
{
  height: 124px;
}
.thumb_text
{
  height: 30px;
  background: #7070d0;
  margin-left: 4px;
  margin-right: 4px;
  overflow: hidden;
}

.img_text, .img_text_link
{
  background: #000 url(../webpics/loading.gif) 50% 50% no-repeat;
}

.img_text_link
{
  border: 1px solid transparent;
  cursor: pointer;
  _cursor: hand;  
}

.img_text_link:hover
{
  border: 1px solid #d1d1d1;
}

.file_text
{
  border: 1px solid transparent;
  cursor: pointer;
  _cursor: hand;  
}

.file_text:hover
{
  border: 1px solid #d1d1d1;
}

/* pop-up foto */
.fotobody
{
	background-color: #808080;
}
.fotoallbar
{
	padding: 0px;
	margin: 0px;
}

.fotohead
{
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	position: relative;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
}

.fotoinfo
{
	background-color: #808080;
	border: 1px solid #d1d1d1;
	margin: 0px auto;
	position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;	
	top: 20px;
	left: 5%;
	width: 90%;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 12px;
  border-radius: 6px;	
  -moz-border-radius: 6px;	
  -webkit-border-radius: 6px;	
}


/* spodek */
.state_env
{
  background: url(../webpics/layout/6/state.png) 0px -14px repeat-x;
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: 1px solid #808080;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
  letter-spacing: .2px;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
}

.state_inner
{
  position: relative;
  margin: 0px;
  padding-top: 6px;
  height: 30px;
  text-align: center;
}

.state_env_reverze
{
  background: url(../webpics/layout/6/state-reverze.png) 0px 0px repeat-x;
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-bottom: 1px solid #808080;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 10px;
  letter-spacing: .2px;
  border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
}

.state_inner_reverze
{
  position: relative;
  margin: 0px;
  padding-top: 6px;
  height: 30px;
  text-align: center;
}

.style_selector
{
  position: absolute;
  width: 200px;
  height: 20px;
  top: 8px;
  right: 8px;
  text-align: right;
}






/* ikona */
.ikona_div{
  background-color: #5c5cb1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0px;
  margin-left: 1px;
  margin-right: 1px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  filter: alpha(opacity=70);
  opacity: 0.7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  cursor: pointer;
  _cursor: hand;
}


/*editační body*/
.adm_edit, .adm_inzert, .gal_edit{
  font-size: 6px;
  float: right;
  position: absolute;
  top: 2px;
  width: 3px;
  height: 3px;
  border: 1px solid transparent;
  cursor: pointer;
  _cursor: hand;
}
.adm_edit{
  right: 2px;
  background: red;
}
.gal_edit{
  right: 1px;
  top: 1px;
  background: red;
}
.adm_inzert{
  right: 10px;
  background: green;
}

.adm_edit:hover, .adm_inzert:hover, gal_edit:hover{
  border: 1px solid gray;
}

/*------- šablony formuláře ------------------------------------------------------------------------------*/

.search_form{
  margin: 0px auto;
  text-align: left;
}

input.text{
  background: rgb(240,240,240) url('../adm/img/bg_input.png') top left repeat-x;
  float: left;
  margin: 2px 2px 2px 0px;
  font-family: Arial;
  font-size: 8pt;
  height: 18px;
  color: #7070d0;
  border: 1px solid #5c5cea;
  border-radius: 3px; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input.search{
  background: rgb(240,240,240) url('../webpics/icons/ico-search.png') 50% 50% no-repeat;
  float: right;
  margin: 2px 0px 2px 2px;
  color: #7070d0;
  border: 0px;
  width: 18px;
  height: 18px;
  border-radius: 3px; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  _cursor: hand;
}


/* tabulka */
.tabulka{
  border-collapse: collapse;
  border: 1px solid transparent;
  margin: 0px auto;
}

/* levý div */
.left_div{
  float: left;
}

/* pravý div */
.right_div{
  float: right;
}

/* středový div */
.center_div{
  margin: 0px auto;
  text-align: center;
}

/* levý div */
.no_margin_img{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/* levý div */
.margin_img{
  margin: 2px;
  border: 1px solid #474747;
  padding: 0px;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block; }
.b1f {height:1px; margin:0 5px;}
.b2f {height:1px; margin:0 3px;}
.b3f {height:1px; margin:0 2px;}
.b4f {height:2px; margin:0 1px;}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; margin:0 5px;}
.b2 {height:1px; margin:0 3px;}
.b3 {height:1px; margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

.bhr{
  font-size: 1px;
  overflow: hidden;
  display: block;
  height: 1px;
  margin: 4 4px;
  background: none repeat scroll 0% 0% #d1d1d1;
}
.bhr_gray{
  font-size: 1px;
  overflow: hidden;
  display: block;
  height: 1px;
  margin: 4 4px;
  background: none repeat scroll 0% 0% #808080;
}