/* Style for formating okna-braun.cz
copyright Jiri Maruna - SYNTAX MEDIA 2009
http://www.syntaxmedia.cz */

/* ---------------------------- basic --------------------------------------- */
body	{
	background-color: #FFF;
	color: #16175D;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	text-align: center;
	background-image: url(bodybkg.jpg);
	background-repeat: repeat-x;
}

html, body, p, form, 
ul, ol, li		{ margin:0px; padding:0px; }

li.image {
	list-style-image: url(main-menu-li-bkg.gif);
	list-style-position: outside;
	margin-left: 20px;
}


h3 {
	width: 94%;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-transform: uppercase;
	text-align: left;
	color: #333;
	background-color: #F2F2F2;
/*	padding-left: 15px;*/
}

h4 {
	width: 94%;
	font-size: 1.1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: left;
	color: #000;
	background-color: white;
}

a {
	font-weight: bold;
/*	text-decoration: none; */
}


.text_version {
	display: none;
}

.passive_text {
	color: #999;
}
.cleaner {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0.1px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


#page  {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: white;
	z-index: 0;
	position: relative;
	background-image: url(page-bkg.jpg);
	background-repeat: repeat-x;
}

#header {
	width: 1000px;
	height: 200px;
	border: 0px none gray;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(header-bkg.jpg);
	background-repeat: none;
	z-index: 0;
	position: relative;
}

#leftbox {
	width: 240px;
	float: left;
	z-index: 0;
	position: relative;
	margin-top: 20px;
}

#rightbox {
	width: 200px;
	text-align: left;
	float: right;
	z-index: 0;
	margin-top: 20px;
}

#content {
	width: 560px;
	background-color: litegreen;
	color: #16175D;
	float: left;
	overflow: hidden;
	z-index: 0;
	position: relative;
}

/* --------------------------------- header --------------------------------------- */

#header a.logo {
	width: 245px;
	_width: 260px;
	height: 45px;
	_height: 60px;
	font-size: 1.8em;
	color: white;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	padding-left: 25px;
	margin-top: 65px;
	margin-left: 44px;
	_margin-left: 22px;
	float: left;
	position: relative;
	z-index: 0;
	cursor: pointer;
}

#header span.logo-pic {
	width: 260px;
	height: 60px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(braun-rudolf.jpg);
	background-repeat: no-repeat;
}
/* --------------------------------- header --------------------------------------- */

/* --------------------------------- nextmenu --------------------------------------- */
/* 
#nextmenu {
	width: 378px;
	height: 42px;
	border: 0px none gray;
	padding: 0px 0px 0px 0px;
	display: block;
	float: right;
}

#nextmenu ul {
	height: 42px;
	width: 340px;
	float: left;
}

#nextmenu li {
	width: 85px;
	height: 42px;
	list-style: none;
	float: left;
	position: relative;
}

#nextmenu h3 {
	font-size: 0.5em;
	display: inline;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

#nextmenu a {
	color: white;
	text-decoration: none;
}

#nextmenu span {
	width: 66px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 19px;
	z-index: 1;
	background-repeat: no-repeat;
	cursor: pointer;
}

#nextmenu span.grli {
	width: 19px;
	height: 42px;
	position: static;
	background-image: url(li_next_menu.jpg);
	background-repeat: none;
	float: left;
}

#nextmenu span.menuend {
	width: 38px;
	height: 42px;
	position: static;
	background-image: url(nextmenu_end.jpg);
	background-repeat: none;
	float: left;
}

#home span.normal { background-image: url(nextm_01w.jpg); }
#docs span.normal { background-image: url(nextm_02w.jpg); }
#contacts span.normal { background-image: url(nextm_03w.jpg); }
#form span.normal { background-image: url(nextm_04w.jpg); }

#home span.highl { background-image: url(nextm_01r.jpg); }
#docs span.highl { background-image: url(nextm_02r.jpg); }
#contacts span.highl { background-image: url(nextm_03r.jpg); }
#form span.highl { background-image: url(nextm_04r.jpg); }
*/
/* --------------------------------- nextmenu --------------------------------------- */


/* --------------------------------- rightbox --------------------------------------- */


#rightbox div.contact_us {
	border-bottom: 2px solid #DFE1F9;	
}

#rightbox div.contact_us_top {
	width: 200px;
	height: 55px;
	background-image: url(contact-us-top.gif);
	background-repeat: no-repeat;	
}

#rightbox div.contact_us_margin {
	width: 200px;
	height: 10px;
	background-image: url(contact-us-bkg.gif);
	background-repeat: repeat-y;
}

#rightbox div.contact_us_lines {
	background-image: url(contact-us-bkg.gif);
	background-repeat: repeat-y;
}

#rightbox div.contact_us_line {
	width: 200px;
	height: 20px;
	margin-top: 5px;
}

#rightbox div.contact_us_ico_phone {
	width: 50px;
	height: 20px;
	background: url(ico-phone.gif) top right no-repeat;
	float: left;
}

#rightbox div.contact_us_text_phone {
	width: 140px;
	height: 20px;
	text-align: right;
	font-size: 1.3em;
	color: #4E59D0;
	float: left;
}

#rightbox div.contact_us_ico_mail {
	width: 50px;
	height: 20px;
	background: url(ico-mail.gif) top right no-repeat;
	float: left;
}

#rightbox a.contact_us_text_mail {
	width: 140px;
	height: 20px;
	text-align: right;
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #4E59D0;
	float: left;
}

#rightbox a.contact_us_text_mail:hover {
	color: #16175D;
}

#rightbox div.contact_us_ico_contacts {
	width: 50px;
	height: 20px;
	background: url(ico-sipka.gif) top right no-repeat;
	float: left;
}

#rightbox a.contact_us_text_contacts {
	width: 140px;
	height: 15px;
	text-align: right;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	margin-top: 4px;
	color: #FFF;
	background-color: #ABB0F3;
	border-right: 4px solid #ABB0F3;
	float: left;
}

#rightbox a.contact_us_text_contacts:hover {
	color: #16175D;
}


#rightbox div.promo {
	width: 200px;
	margin-top: 20px;
	background: url(promo-bkg.gif) top left repeat-y;
}

#rightbox div.promo_top {
	width: 200px;
	height: 10px;
	background: url(promo-top.gif) top left repeat-y;
}

#rightbox div.promo_bottom {
	width: 200px;
	height: 10px;
	background: url(promo-bottom.gif) top left repeat-y;
}

#rightbox a.promo_link {
	width: 180px;
	height: 78px;
	background: url(promo-zelena-usporam.jpg) top left no-repeat;
	display: block;
	margin: 0px 10px 0px 10px;
}

#rightbox div.news {
	width: 200px;
	margin-top: 20px;
	background: url(news-bkg.gif) top left repeat-y;
}

#rightbox div.news_top {
	width: 200px;
	height: 55px;
	background: url(news-top.gif) top left repeat-y;
}

#rightbox div.news_bottom {
	width: 200px;
	height: 55px;
	background: url(news-bottom.gif) top left repeat-y;
}

#rightbox div.news_line {
	width: 200px;
	margin-bottom: 10px;
}

#rightbox div.news_img {
	width: 46px;
	text-align: right;
	float: left;
}

#rightbox img.news_img_mini {
	width: 40px;
}


#rightbox div.news_text {
	width: 136px;
	margin-left: 8px;
	color: #FFF;
	font-size: 0.8em;
	text-align: left;
	float: left;
}

#rightbox div.news_ico_next_news {
	width: 50px;
	height: 20px;
	background: url(ico-sipka.gif) top right no-repeat;
	float: left;
}

#rightbox a.news_link_next_news {
	width: 140px;
	height: 15px;
	text-align: right;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	margin-top: 4px;
	color: #4E59D0;
	background-color: #CBCFF7;
	border-right: 4px solid #CBCFF7;
	float: left;
}

#rightbox a.news_link_next_news:hover {
	color: #16175D;
}

#rightbox div.pattern_book {
	width: 200px;
}

#rightbox div.pattern_book_top {
	width: 200px;
	height: 55px;
	background: url(pattern-book-top.gif) top left no-repeat;
}

#rightbox div.pattern_book_bottom {
	width: 200px;
	height: 55px;
	background: url(pattern-book-bottom.gif) top left no-repeat;
}

#rightbox div.pattern_book_lines {
	width: 200px;
	background: url(pattern-book-bkg.gif) top left repeat-y;
}

#rightbox div.pattern_book_line {
	width: 200px;
/*	margin-bottom: 10px;*/
}

#rightbox div.pattern_book_ico {
	width: 50px;
	height: 20px;
	background: url(ico-sipka.gif) top right no-repeat;
	float: left;
}

#rightbox a.pattern_book_link {
	width: 140px;
	height: 15px;
	text-align: right;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	margin-top: 4px;
	color: #6D47A1;
	background-color: #DDD7EB;
	border-right: 4px solid #DDD7EB;
	float: left;
}

#rightbox a.pattern_book_link:hover {
	color: #16175D;
}


#rightbox div.created_box {
	width: 200px;
	height: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: left;
	background-color: #EDEFFC;
}

#rightbox div.created {
	width: 150px;
	height: 15px;
	color: #949BEA;
	background-color: #DDDFFA;
	font-size: 0.8em;
	padding-top: 5px;
	float: right;
}

#rightbox span.created_span {
}

#rightbox a.created_link {
	color: #4E59D0;
	font-weight: normal;
	text-decoration: none;
}

#rightbox div.created a:hover {
	color: #16175D;
}

/* --------------------------------- rightbox --------------------------------------- */



/* ------------ solutions menu ------------------------------------------ */

#sol_menu {
	width: 240px;
	margin-bottom: 20px;
}

#sol_menu div.sol_menu_top {
	width: 225px;
	height: 55px;
	margin-left: 15px;
	background-image: url(sol-menu-top.gif);
	background-repeat: no-repeat;
}

#sol_menu div.sol_menu_bottom {
	width: 240px;
	height: 43px;
	background-image: url(sol-menu-bottom.gif);
	background-repeat: no-repeat;
}

#sol_menu ul {
	list-style: none;
}

ul.sol_menu {
	width: 225px;
	margin-left: 15px;
	background-image: url(sol-menu-bkg.gif);
	background-repeat: repeat;
	margin-bottom: -5px;
}

#sol_menu li.head {
	width: 225px;
/*	height: 20px;*/
	text-align: left;
	margin-bottom: 5px;
	padding-top: 4px;
	background-image: url(sol-menu-head-li-bkg.gif);
	background-repeat: no-repeat;
}

#sol_menu a {
	width: 181px;
	height: 14px;
	padding-top: 2px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #16175D;
	font-size: 0.8em;
}
#sol_menu a.active {
	color: #16175D;
	background-color: #EDE6FE;
}
#sol_menu a:hover {
	color: #000;
	background-color: #F2EDFE;
}

#sol_menu a.head {
	width: 190px;
	_width: 170px;
	|width: 170px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	font-size: 0.9em;
}

#sol_menu a.head:hover {
	color: #7D5AAE;
	background-color: #9390D3;
	font-size: 0.9em;
}

#sol_menu span.open_menu_but {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	cursor: pointer;
	background-image: url(li-head-open-but.gif);
	background-repeat: no-repeat;
/*	background-color: Green;*/
}

ul.sol_menu_sub_ul {
/*	background-color: Aqua;*/
}
ul.sol_menu_sub_ul li {
	padding-left: 15px;
	background-image: url(sol-menu-li-bkg.gif);
	background-repeat: no-repeat;
/*	background-image: none;*/
}

/* ------------ solutions menu ------------------------------------------ */



/* ------------ main menu ------------------------------------------ */

#main_menu {
	width: 240px;
	margin-bottom: 20px;
}

#main_menu div.main_menu_top {
	width: 225px;
	height: 55px;
	margin-left: 15px;
	background-image: url(main-menu-top.gif);
	background-repeat: none;
}

#main_menu div.main_menu_bottom {
	width: 240px;
	height: 35px;
	background-image: url(main-menu-bottom.gif);
	background-repeat: no-repeat;
}

#main_menu ul {
	list-style: none;
	padding-bottom: 10px;
}

ul.main_menu {
	width: 225px;
	margin-left: 15px;
	background-image: url(main-menu-bkg.gif);
	background-repeat: repeat;
}

#main_menu li {
	width: 225px;
	text-align: left;
}

#main_menu li.topmargin {
	margin-top: 15px;
}

#main_menu a {
	width: 181px;
	_width: 196px;
	height: 14px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #4E82F7;
	font-size: 0.8em;
	padding-left: 15px;
	background-image: url(main-menu-li-bkg.gif);
	background-repeat: no-repeat;
}
#main_menu a.active {
	color: #000;
	background-color: #FFF;
}
#main_menu a:hover {
	color: #000;
	background-color: #EEF;
}



/* ------------ main menu ------------------------------------------ */



/* --------------------------------- content basic --------------------------------------- */

#content h1 {
	width: 500px;
	_width: 520px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-color: #B32F29;
	background-color: #BC4D48;
	background-color: #D2805A;
	background-color: #8E7DB5;
/*	background-color: #949BEA;*/
/*	background-image: url(h1-bkg.gif);
	background-repeat: repeat-y;*/
	border-top: 2px solid #E0E4EF;
	border-top: 2px solid #FFF;
	border-bottom: 0px solid #E0E4EF;
	font-size: 1.4em;
	text-transform: uppercase;
	text-align: left;
/*	color: #16175D;*/
/*	color: #9F2420;*/
color: #fff;
}


#content h2 {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 1.2em;
	border-top: 1px solid #BC4D48;
/*	background-color: #EEB59C;*/
	text-transform: uppercase;
	text-align: left;
	color: #BC4D48;
}



#content ul {
/*	width: 94%;*/
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	margin-top: 19px;
	_margin-top: 5px;
	margin-bottom: 15px;
	text-align: left;
}

#content ul.inner {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content div.element {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}

#content div.element_dual {
	width: 50%;
	_width: 48%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_trial {
	width: 33%;
	_width: 32%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_trial_center {
	width: 34%;
	_width: 32%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_quatro {
	width: 25%;
	_width: 23%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#content div.elemet_highl_box {
	background-color: #FFF8D1;
	margin-top: 10px;
}

#content div.elemet_highl_box_top_border {
	height: 10px;
}

#content span.elemet_highl_box_top_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-left-corner.gif) top left no-repeat;
	float: left;
}

#content span.elemet_highl_box_top_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-right-corner.gif) top right no-repeat;
	float: right;
}

#content div.elemet_highl_box_foot_border {
	height: 10px;
}

#content span.elemet_highl_box_foot_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-left-corner.gif) top left no-repeat;
	float: left;	
}

#content span.elemet_highl_box_foot_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-right-corner.gif) top right no-repeat;
	float: right;
}

#content p {
	text-align: justify;
	margin: 10px 10px 5px 10px;
	color: #16175D;
}

#content p.single_img {
	text-align: center;
}

#content a {
	font-weight: bold;
	text-decoration: underline;
	color: #BC4D48;
}
#content a:hover {
	color: #EC4D48;
}

#content dl {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#content dt {
	width: 50%;
	_width: 47%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content span.dt_padding {
	margin: 0px 5px 0px 5px;
}

#content dd {
	width: 50%;
	_width: 47%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content div.dd_padding {
	margin: 0px 5px 0px 5px;	
}

#content dt.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}
#content dd.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}

#content ul {
	text-align: left;
	margin: 10px 10px 5px 10px;
	list-style: none;
}

#content li {
	padding-left: 20px;
	margin-bottom: 5px;
	background-image: url(li-content.gif);
	background-repeat: no-repeat;
}

#content table {
	margin: 0px 10px 0px 10px;
}

#content td {
	border: 1px solid gray;
}

/* --------------------------------- content basic --------------------------------------- */

#content h3.h3_hiding_par {
	margin-bottom: 0px;
}

#content div.hiding_link_div {
	width: 94%;
	font-size: 0.7em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#content a.hiding_but_open {
	background: url("show_detail_open.gif") top left no-repeat;
	width: 85px;
	_width: 105px;
	height: 14px;
	color: #F93834;
	text-decoration: none;
	font-weight: normal;
	padding-left: 20px;
}
#content a.hiding_but_open:hover {
	color: #999;
}
#content a.hiding_but_close {
	background: url("show_detail_close.gif") top left no-repeat;
	width: 85px;
	_width: 110px;
	height: 14px;
	color: #F93834;
	text-decoration: none;
	font-weight: normal;
	padding-left: 25px;
}
#content a.hiding_but_close:hover {
	color: #999;
}


#content span.headtext {
	width: 170px;
	height: 16px;
	font-weight: bold;
	display: block;
	float: left;
}

/*  ------------ home content ----------------------------------------- */

.alt_home_content {
	display: none;
}

#content div.home_sol_box {
	width: 520px;
	height: 90px;
	margin: 22px auto 20px auto;
	z-index: 0;
}

#content div.home_sol_box_a {
	width: 15px;
	height: 90px;
	float: left;
	background: url("hom-sol-box-a.gif") top left no-repeat;
}
#content div.home_sol_box_b {
	width: 115px;
	height: 90px;
	float: left;
	background: url("hom-sol-box.gif") top left repeat-x;
	position: relative;
	z-index: 0;
}
#content div.home_sol_box_c {
	width: 40px;
	height: 90px;
	float: left;
	background: url("hom-sol-box-ce.gif") top left no-repeat;
	position: relative;
	z-index: 0;
}
#content a.home_sol_box_d {
	width: 145px;
	height: 90px;
	color: #75F;
	text-decoration: none;
	display: block;
	float: left;
	background: url("hom-sol-box-d.jpg") top left repeat-x;
	position: relative;
	z-index: 0;
}
#content a.home_sol_box_d:hover {
	text-decoration: underline;
}
#content div.home_sol_box_e {
	width: 40px;
	height: 90px;
	float: left;
	background: url("hom-sol-box-ce.gif") top left no-repeat;
	position: relative;
	z-index: 0;
}
#content a.home_sol_box_f {
	width: 150px;
	height: 90px;
	color: #75F;
	text-decoration: none;
	display: block;
	float: left;
	background: url("hom-sol-box-f.jpg") top left repeat-x;
	position: relative;
	z-index: 0;
}
#content a.home_sol_box_f:hover {
	text-decoration: underline;
}
#content div.home_sol_box_g {
	width: 15px;
	height: 90px;
	float: left;
	background: url("hom-sol-box-g.gif") top left no-repeat;
}


#content span.home_sol_box_span_01 {
	color: #75F;
	font-weight: bold;
	font-size: 0.8em;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 1;
}
#content span.home_sol_box_span_02 {
	color: #75F;
	font-weight: bold;
	font-size: 0.8em;
	position: absolute;
	top: 35px;
	left: 10px;
	z-index: 1;
}
#content span.home_sol_box_span_03 {
	color: #75F;
	font-weight: bold;
	font-size: 0.7em;
	position: absolute;
	top: 55px;
	left: 0px;
	z-index: 1;
}
#content span.home_sol_box_span_04 {
	color: #75F;
	font-weight: bold;
	font-size: 0.7em;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
}
#content span.home_sol_box_span_05 {
	color: #42C;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	text-align: right;
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 1;
}
#content span.home_sol_box_span_06 {
	color: #75F;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	text-align: right;
	text-decoration: underline;
	position: absolute;
	top: 68px;
	left: 60px;
	z-index: 1;
}
#content span.home_sol_box_span_07 {
	color: #75F;
	font-weight: bold;
	font-size: 0.7em;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
}
#content span.home_sol_box_span_08 {
	color: #42C;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	text-align: right;
	position: absolute;
	top: 25px;
	left: 30px;
	z-index: 1;
}
#content span.home_sol_box_span_09 {
	color: #75F;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	text-align: right;
	text-decoration: underline;
	position: absolute;
	top: 68px;
	left: 60px;
	z-index: 1;
}


#content div.flash_box {
	width: 520px;
	margin: 0px auto 0px auto;
}

#content a.home_zelusp_box {
	width: 520px;
	height: 70px;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 20px auto 20px auto;
	border: 1px solid #FFF;
	background: url("hom-zelusp.jpg") top left no-repeat;
	position: relative;
	z-index: 0;
}

#content a.home_zelusp_box:hover {
	border: 1px solid #060;
}

#content span.home_zelusp_box_span_01 {
	color: #DFD;
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 1;
}

#content span.home_zelusp_box_span_02 {
	color: #FFF;
	font-weight: bold;
	font-size: 2em;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 1;
}

#content span.home_zelusp_box_span_03 {
	color: #006000;
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	top: 10px;
	left: 200px;
	z-index: 1;
}

#content span.home_zelusp_box_span_04 {
	width: 140px;
	height: 30px;
	color: #DFD;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: underline;
	display: block;
	position: absolute;
	top: 33px;
	left: 370px;
	z-index: 1;
}

#content div.under_construction {
	width: 520px;
	height: 50px;
	color: red;
	margin: 50px auto 0px auto;
}


#content img.home_ref_img {
	width: 230px;
}

/*  ------------ home content ----------------------------------------- */




/* start*********************************************** paragraph l r picture ************************************* */

#content span.picture_r {
/*	background-color: #E5E5E5;
	width: 135px;*/
	text-align: center;
	margin: 0px 0px 5px 10px;
	float: right;
}

#content span.picture_l {
/*	background-color: #E5E5E5;
	width: 135px;*/
	text-align: center;
	margin: 0px 10px 5px 0px;
	float: left;
}

#content span.picture_r img {
	margin-top: 3px;
	margin-bottom: 0px;
/*	width: 230px;
	height: 165px;
	border: 2px solid white;*/
}
#content span.picture_l img {
	margin-top: 3px;
	margin-bottom: 0px;
/*	width: 230px;
	height: 165px;
	border: 2px solid white;*/
}

#content span.pic_text {
	background-color: #FFF;
	font-size: 0.7em;
	text-align: justify;
	color: black;
	width: 232px;
	margin-top: 2px;
	_margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
	display: block;
}

#content span.pic_text_free {
	background-color: #FFF;
	font-size: 0.7em;
	text-align: justify;
	color: black;
	width: 232px;
	height: 12px; 
	margin-top: 2px;
	_margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
	display: block;
}


/* *********************************************** paragraph l r picture *************************************end */






/* start*********************************************** paragraph gallery l r picture ************************************* */

#content span.gallery_pic_r {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: right;
}

#content span.gallery_pic_l {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: left;
}

#content span.gallery_pic_l_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_l_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_img_box {
	background-color: #FFF8D1;
	width: 240px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	display: block;
}

#content img.gallery_pic_img {
	border: 5px solid #FFFADF;
	margin-bottom: 0px;
}

#content span.gallery_pic_text {
	width: 230px;
	_width: 240px;
	margin: 5px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFADF;
/*	font-size: 0.7em;*/
	text-align: justify;
	display: block;
}

#content a.gallery_pic_dwnl_link {
	width: 214px;
	_width: 355px;
	height: 18px;
	_height: 20px;
	text-align: left;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #FFFADF;
	margin: 5px 5px 0px 5px;
	padding: 2px 0px 0px 26px;
	
	color: #BC4D48;
	text-decoration: none;
	background-image: url(link-download-bkg.gif);
	background-repeat: no-repeat;
}

#content a.gallery_pic_dwnl_link:hover {
	color: black;
}


/* *********************************************** paragraph gallery l r picture *************************************end */





/* start*********************************************** picture detail ************************************* */

#content img.pic_detail_img {
	border: 5px solid #FFFADF;
}

#content div.pic_detail_text {
	margin: 5px 10px 0px 10px;
	background-color: #FFFADF;
	text-align: left;
}


#content a.pic_detail_goback {
	height: 18px;
	_height: 20px;
/*	color: #F0902C;*/
	display: block;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	margin: 5px 10px 0px 10px;
	padding: 2px 0px 0px 26px;
	background: url(link-goback-bkg.gif) top left no-repeat;
	background-color: #FFFADF;
}
/*#content a.pic_detail_goback:hover {
	color: #000;
}*/

/* *********************************************** picture detail *************************************end */


/* start*********************************************** page end ************************************* */

#content div.page_end {
	width: 520px;
	height: 25px;
	background: url("page-end-bkg.gif") top left no-repeat;
	margin: 0px auto 3px auto;
}

#content span.pageend_l {
	width: 143px;
	height: 17px;
	margin-left: 30px;
	margin-top: 9px;
	text-align: left;
	background: url("print-ico.gif") top left no-repeat;
	float: left;	
	position: relative;
}

#content span.pageend_r {
	width: 133px;
	height: 17px;
	margin-right: 30px;
	margin-top: 9px;
	text-align: right;
	background: url("sendmsg-ico.gif") top right no-repeat;
	float: right;
	position: relative;
}

#content a.a_pageend_l  {
	color: #9669C4;
	text-decoration: none;
/*	font-weight: normal;*/
	font-size: 0.8em;
	position: absolute;
	top: 0px;
	left: 37px;
}

#content a.a_pageend_r  {
	color: #9669C4;
	text-decoration: none;
/*	font-weight: normal;*/
	font-size: 0.8em;
	position: absolute;
	top: 0px;
	left: 27px;
}

#content a.a_pageend_l:hover {
	color: #642A9E;
}

#content a.a_pageend_r:hover {
	color: #642A9E;
}

/* *********************************************** page end *************************************end */



/* start*********************************************** contact_box ************************************* */


#content div.contact_box_photo_and_name {
	width: 250px;
	margin: 0px 5px 0px 5px;
	_margin: 0px 3px 0px 3px;
	float: left;
}

#content div.contact_box_photo {
	width: 80px;
	height: 90px;
	background-color: #FFF8D1;
	background: url(photo-bkg.jpg) top left no-repeat;
	float: left;
}
#content div.contact_box_name {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	margin: 0px 0px 3px 0px;
	color: #BC4D48;
	background-color: #FFF8D1;
	float: left;
}
#content div.contact_box_function {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	color: #BC4D48;
	background-color: #FFF8D1;
	float: left;
}

#content dl.contact_box_details {
	width: 250px;
	margin: 0px 5px 0px 5px;
	float: left;
}


#content dt.contact_box_term {
	width: 45px;
	_width: 55px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FDFAD0;
}
#content dd.contact_box_def {
	width: 185px;
	_width: 195px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FDFAD0;
}


/* *********************************************** contact_box *************************************end */



/* start*********************************************** contact form ************************************* */

#contact_form {
	width: 520px;
	margin: 0px auto 15px auto;
	padding: 0px;
}

#contact_form div.valuebox {
	width: 173px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#contact_form span.valuename {
	width: 160px;
	color: #BC4D48;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
}

#contact_form input {
	width: 160px;
	_width: 165px;
	height: 16px;
	_height: 22px;
	color: #333;
	font-size: 0.9em;
	_font-size: 0.85em;
	font-family: Verdana, sans-serif;
	padding: 4px 2px 0px 3px;
	border: 1px solid #BC4D48;
	background-color: #FFF;
	margin-bottom: 14px;
	_margin-bottom: 12px;
}

#contact_form select {
	width: 98%;
	_width: 97%;
	margin-left: 3px;
	_margin-left: 5px;
	color: #333;
	margin-top: 1px;
	background-color: #FDFAD0;
	border: 1px solid #BBB;
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
}

#contact_form div.areabox {
	width: 75%;
	height: 120px;
	font-weight: bold;
	text-align: center;
	_margin-top: 1px;
	float: left;
}

#contact_form span.areaname {
	width: 97%;
	color: #BC4D48;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
}

#contact_form textarea {
	width: 96%;
	height: 101px;
	_height: 106px;
	border: 1px solid #BC4D48;
	background-color: #FFF;
	color: #333;
	font-size: 0.95em;
	font-family: Verdana, sans-serif;
	padding: 3px 3px 0px 3px;
}

#contact_form div.buttons_box {
	width: 127px;
	height: 60px;
	_height: 160px;
	font-weight: bold;
	text-align: center;
	padding-top: 60px;
	_margin-top: 1px;
	float: left;
}

#contact_form input.but_res {
	width: 100px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	color: #DA9A9A;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FFF;
	border: 1px solid #C66464;
	cursor: pointer;
	background-image: none;
}
#contact_form input.but_res:hover {
	color: #BC4D48;
}


#contact_form input.but_sub {
	width: 100px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #C66464;
	border: 1px solid #BC4D48;
	cursor: pointer;
	background-image: none;
}

#contact_form input.but_sub:hover {
	color: #FFF;
	background-color: #BC4D48;
	border: 1px solid #BC4D48;
}

#contact_form div.status_msg {
	width: 507px;
	height: 20px;
	_height: 22px;
	margin: 0px auto 20px auto;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-left: 7px;
	color: #FFF;
	background-color: #BC4D48;
}

#contact_form div.status_msg_free {
	width: 507px;
	height: 20px;
	_height: 22px;
	margin: 0px auto 20px auto;
	text-align: left;
	padding-top: 2px;
	padding-left: 7px;
}

#content div.succesmsg {
	width: 507px;
	height: 30px;
	_height: 50px;
	margin: 30px auto 50px auto;
	font-weight: bold;
	text-align: left;
	padding-top: 15px;
	padding-left: 7px;
	color: #FFF;
	background-color: #BC4D48;
}

/* *********************************************** contact form *************************************end */


/* ********************* reference ******************************************** */

#content img.ref_img_mini {
	width: 110px;
	cursor: pointer;
	float: left;
	margin: 0px 0px 5px 5px;
}

/* ********************* reference ******************************************** */