/*-----------------------------------------------------------------------------*/
/* Copyright© 2010 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/

/*** Reset ***/
html, body				{ height: 100%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; outline: none; }
body					{ font: 62.5% Arial, Helvetica, sans-serif; background: url(../img/bg_page.jpg); color: #888; }

/*** Text elements ***/
h1, h2, h4, h5, h6		{ font-weight: normal; color: #fff; }
h1						{ font: normal 2.4em Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; }
h1 em					{ font-style: normal; font-size: 0.7em; }
h1.title				{ height: 36px; text-indent: -999em; }
h1 span.small			{ display: block; font-size: 0.75em; }
h2						{ font: normal 1.7em/1.4em Arial, Helvetica, sans-serif; margin-bottom: 20px; }
h4						{ font-size: 1.5em;  }
h5, h6					{ font-size: 1.2em; }
p						{ font-size: 1.2em; line-height: 1.5em; }
p.small					{ font-size: 1.1em; line-height: 1.7em; }
a						{ outline: none; color: #ff898e; }
a:hover					{ color: #fc0; }

/*** General clases ***/
.left					{ float: left; display: inline; /*--IE6 workaround--*/ }
.right					{ float: right; display: inline; /*--IE6 workaround--*/ }
.imgright				{ float: right; margin: 0 0 20px 20px; display: inline; }
.imgleft				{ float: left; margin: 0 20px 20px 0; display: inline; }
.to-right				{ text-align: right; }
.to-center				{ text-align: center; }
.red					{ color: #a82467; }
.white					{ color: #fff; }
.black					{ color: #000; }
.light-gray				{ color: #999; }
.dark-gray				{ color: #474747; }
.yellow					{ color: #fc0; }
.light-pink				{ color: #ff898e; }
.clearfix				{ display: inline-block; clear: both; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.br8					{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; /* This will not validate... yet */ }
.br5					{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* This will not validate... yet */ }
.spacer					{ background: url(../img/horizontal_line.gif) repeat-x; line-height: 10px; height: 10px; }
.bborder				{ background: url(../img/horizontal_line.gif) left bottom repeat-x; }
.tborder				{ background: url(../img/horizontal_line.gif) left top repeat-x; }
.tborder-sp				{ height: 1px; background: url(../img/horizontal_line.gif) left top repeat-x; }
.bg-gray				{ background: url(../img/bg_page_gray.jpg) 4px 0 repeat-y; }
.top-bg-gray			{ background: url(../img/top_bg_gray.jpg) 4px 0 no-repeat; }
.padr10					{ padding-right: 10px; }
.pad6					{ padding: 6px; }
.whitebg				{ background: #fff; }
.lightbbg				{ background: #faf1f5; }
.relative				{ position: relative; }
.norelative				{ position: inherit !important; }
.left60					{ padding-left: 60px; }
.right10				{ padding-right: 10px; }
.pad8					{ padding: 8px; }
.normal					{ font-family: Arial, Helvetica, sans-serif; }
.temporary_height		{ min-height: 1000px; height: auto !important; height: 1000px; }


/*** General Layout ***/
#top-menu				{ height: 30px; background: url(../img/top_bg.jpg) top center repeat-x; }
#page					{ width: 980px; margin: 0 auto; overflow: visible; background: url(../img/vertical_line.gif) top right repeat-y; }
#inner					{ background: url(../img/vertical_line.gif) 3px 0 repeat-y; height: 100%; }
.main					{ width: 703px; vertical-align: top; }
.sidebar				{ width: 272px; padding: 1px 1px 0 1px; background: url(../img/vertical_line.gif) repeat-y; vertical-align: top; }

/*** Misc ***/
.logo					{ display: block; position: absolute; left: 30px; top: 30px; width: 250px; height: 110px; }
.bote					{ position: absolute; top: 440px; }
.rftb					{ background: url(../img/romania_fashion_program.jpg) 4px 0 no-repeat; height: 681px; }
.pt-expo				{ background: url(../img/rftb_interior.jpg) 4px 0 no-repeat; height: 418px; }
.salons					{ height: 260px; }

/*** Saloane ***/
.saloane				{ position: absolute; bottom: 0; left: 60px; height: 230px; }
.saloane li				{ display: block; float: left; height: 90px; padding-right: 9px; color: #aaa; margin-bottom: 30px; }
.saloane a				{ color: #ccc; text-decoration: none; }
.saloane a:hover		{ text-decoration: underline; }
.saloane li p			{ line-height: 1.3em; font-size: 1.1em; padding-top: 10px; }
.saloane li h3			{ color: #fff; font-size: 2.2em }
.w132					{ width: 132px; }
.w165					{ width: 165px; }
.w272					{ width: 272px; }
.w340					{ width: 340px; }

.eti-saloane			{ position: absolute; left: 0; bottom: 106px; }
.eti-rftb				{ position: absolute; left: 0; top: 0; }
.eti-conditii			{ position: absolute; left: 0; top: 16px;}

/*** Lists ***/
.standard li			{ font-size: 1.2em; list-style: disc; list-style-position: outside; margin-left: 12px; }
.red-square li,.yellow-square li { padding-left: 20px; font-size: 1.2em; margin-bottom: 8px; } 
.red-square	 li			{ background: url(../img/red_square.gif) 0 2px no-repeat; }
.yellow-square li		{ background: url(../img/yellow_square.gif) 0 2px no-repeat; }
.whysteps li			{ margin-bottom: 20px; }
.steps, .whysteps		{ font-size: 1.2em; }
.steps span, .whysteps span { display: block; font: 3.5em/0.7em "Times New Roman", Times, serif; float: left; }
.pricelist li			{ border-bottom: 1px dashed #333; font-size: 1.2em; padding: 2px 0; }


/*** Tab-container ***/
#tab-container-nav		{ background: url(../img/border_shaddow.png) left bottom no-repeat; margin-bottom: 40px; padding: 0 0 1px 20px; }
#tab-container-nav li	{ display: inline; }
#tab-container .tab		{ margin-bottom: 60px; }
#tab-container-nav li a	{ font-size: 1.6em; text-decoration: none; padding-right: 10px; display: inline-block; }
#tab-container-nav li a:hover { color: #ccc; }
#tab-container-nav li a span { padding-left: 10px; height: 32px; height: 32px; line-height: 32px; display: inline-block; }
#tab-container-nav li a.active { background: url(../img/right_tab.gif) top right no-repeat; color: #fff; }
#tab-container-nav li a.active span { background: url(../img/left_tab.gif) no-repeat; }

/*** Misc ***/
.promo					{ background: url(../img/promo.png) top right no-repeat; height: 56px; padding-top: 14px; font-size: 1.4em; }

/*** price table ***/
.preturi				{ margin-bottom: 40px; }
.preturi td				{ font-size: 1.1em; background: #4a4a4a; padding: 4px; color: #fafafa; }
.preturi tr.nobg td		{ background: none; padding-top: 12px; }
.preturi td.discount	{ background: #fff; color: red; text-align: center; }
td.discount span		{ font: 2em Georgia, "Times New Roman", Times, serif; display: block; }

/*** Why RFTB ***/
.why h2					{ font: 2.2em Georgia, "Times New Roman", Times, serif; color: #f6df76; }
.why h2 span			{ font-size: 70%; }

/*** Contracts ***/
.contracte				{ background: url(../img/rftb_contracte.jpg) bottom right no-repeat; padding: 120px 0 5px;  }
.contracte li			{ background: url(../img/btn_contract.png) no-repeat; height: 40px; margin: 0 0 3px 10px; color: #000; font: 1.4em Georgia, "Times New Roman", Times, serif; padding: 4px 0 0 10px; }
.contracte li a			{ color: #000; text-decoration: none; }
.contracte li em		{ font-size: 0.7em; }
.contracte li a:hover	{ text-decoration: underline; }
.contracte li span		{ display: block; color: #fff; font-size: 0.8em; font-weight: bold; }

/*** Footer zone ***/
.bottom-logos a img		{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; margin: 30px 10px; }
.bottom-logos a:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

/*** Forms ***/
.frmcontact				{ margin: 20px 0; }
.frmcontact label		{ display: inline-block; width: 140px; margin-right: 10px; text-align: right; vertical-align: top; font-size: 1.2em; font-weight: bold; }
.frmcontact .txt		{ width: 270px; height: 36px; line-height: 26px; margin-bottom: 5px; background: url(../img/bg_input_txt.gif) no-repeat; padding-left: 10px; border: none; color: #f4f4f4; }
.frmcontact .txtspan	{ width: 319px; height: 146px; overflow: auto; border: none; padding: 8px 0 0 10px; background: url(../img/bg_txtspan.gif) no-repeat; }
.checks					{ margin-left: 170px; display: block; padding-bottom: 10px;}

/*** Agents " Partenrs ***/
.agents li				{ width: 250px; display: inline-block; padding: 8px; font-size: 1.1em; }
.partner				{ margin-bottom: 8px; }
.partner li				{ display: inline; margin: 0 1px; }

/*** Lista expozanti ***/
.listexpo td			{ padding: 4px 0; vertical-align: top; border-bottom: 1px dashed #333; }