/*-----------------------------------------------------------------------------*/
/* Copyright 2008 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/
@import url("liste.css");
@import url("sIFR.css");
@import url("forms.css");

/*** Reset ***/
html					{ height: 101%; }
body, p, ul, form		{ margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; list-style: none; }
body					{ font-size: 82%; background: #033e77 url(../img/solutii_hvac.jpg) repeat-x; }
img, hr					{ border: none; }
a						{ outline: none; text-decoration: none;  }


/*** General Clases ***/
.left					{ float: left; }
.right					{ float: right; }
.imgRight				{ float: right; margin-left: 20px; }
.imgLeft				{ float: left; margin-right: 20px; }
.small					{ font-size: 0.8em; }
.smallest				{ font-size: 0.75em; }
.clear					{ clear: both; }
.spacer					{ clear:both; height:1px; }
.red					{ color: #d8251e; }
.blue					{ color: #004894; }
.darkGray				{ color: #333; }
.small					{ font-size: 0.8em; }
.blueLink				{ color: #004894; background: url(../img/blueDot.gif) bottom repeat-x; }
.help					{ background: url(../img/help.gif) no-repeat; padding-left: 22px; height: 17px; line-height: 17px; }
.font075				{ font-size: 0.75em; }

/*** General Layout ***/
#wrapper				{ width: 960px; margin: 0 auto; background: url(../img/sulutii-hvac.jpg) no-repeat; }
#header					{ width: 960px; height: 268px; position: relative; }
#content				{ background: #fff url(../img/sisteme_incalzire.gif) no-repeat; padding: 9px 8px 0; min-height: 400px; height: auto !important; height: 400px; }
#last					{ background: url(../img/sisteme_ventilatie.gif) bottom no-repeat; height: 24px; }
#sideBar				{ width: 200px; }
#main					{ width: 720px; }
#footer					{ padding: 0 10px 60px; }

/*** Typo ***/
h1, h2, h3, h4, h5, h6	{ font-weight: 100; font-family: Verdana; margin: 0; }
h1						{ font-size: 2.2em; }


/*** Path ***/
#path					{ height: 30px; background: url(../img/grile.gif) repeat-x; line-height: 26px; }
#path, #path a			{ color: #69c; }
#path a:hover			{ color: #d8251e; }

/*** Header ***/
.logo					{ width: 150px; height: 100px; display: block; position: absolute; top: 40px; left: 60px; }

/*** Pager & Filter ***/
#pager					{ background-color: #f7f7f7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 10px; height: 28px; line-height: 28px; font-size: 0.75em; color: #666; }
#pager strong			{ color: #000; }
.paging					{ color: #004894; width: 300px;}
.paging a				{ color: #004894; }
.paging a:hover, .paging a.curent { color: #d8251e; font-weight: bold; }
.bottom					{ font-size: 0.75em; height: 28px; line-height: 28px; margin-bottom: 10px; }
.filter					{ width: 400px; text-align: right; }
select.filtru			{ height: 22px; width: 120px; margin-top: 3px; }

/*** Forms ***/
.search					{ padding-top: 3px; margin-right: 10px; }
.search input.txt		{ border: 0; background: url(../img/cauta.gif) no-repeat; height: 23px; width: 204px; color: #666; padding: 3px 10px 0; margin-right: 10px; }
.btnCauta				{ width: 48px; height: 23px; border: 0; line-height: 20px; font-size: 0.8em; margin: 0; background: url(../img/btnCauta.gif) no-repeat; color: #fff; cursor: pointer; }

/*** Listing Items ***/
.grid					{ width: 100%; }
.grid p					{ font-size: 0.8em; color: #333; margin: 10px 0; }
.grid td h3				{ font-size: 1.1em; }
.grid td				{ padding-bottom: 10px; }
a.btnDetalii			{ width: 134px; height: 27px; line-height: 27px; background: url(../img/btnOferta.gif) no-repeat; display: block; color: #000; text-align: center; }
a:hover.btnDetalii		{ background: url(../img/btnOferta.gif) 0 -27px no-repeat; color: #fff; }

/*** Details Product ***/
.id, .border			{ background: url(../img/botLine.gif) bottom repeat-x; margin-bottom: 20px; }
.leftInfo				{ width: 400px; }
a.btnCereO				{ width: 168px; height: 27px; line-height: 27px; background: url(../img/btnCereOferta.gif) no-repeat; display: block; color: #000; text-align: center; font-size: 0.8em; }
a:hover.btnCereO		{ background: url(../img/btnCereOferta.gif) 0 -27px no-repeat; color: #fff; }

/*.reference img			{ border: 1px solid #ccc; padding: 4px; margin-right: 10px; }*/
/*** Services ***/
.reference				{ width: 450px; } /*** Adaugat 22-01-2009 *****************************************/
.reference img			{ border: 1px solid #ccc; padding: 4px; margin: 0 10px 10px 0; }

/*** Tables ***/
.technics				{ border: 1px solid #ccc; margin-bottom: 20px; }
.technics tr th			{ color: #fff; background: #666; font-weight: 100; }
.technics tr.row td		{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: url(../img/row.gif); }
.technics td			{ text-align: center; font-size: 0.8em; padding: 1px 0; color: #333; }
.technics td.name		{ text-align: left; color: #004894; padding-left: 10px; }
.technics tr.info td	{ border-top: 1px solid #ccc; padding: 10px; text-align: left; }

.schita					{ width: 100%; }
.schita td				{ position: relative; }
.schita .thumb			{ border: 1px solid #ccc; padding: 5px; }

/*** Footer ***/
.address				{ color: #a7c6e6; font-size: 0.8em; }
.copy					{ color: #608cb6; font-size: 0.75em; height: 41px; padding-top: 16px; }
.copy a					{ color: #608cb6; background: url(../img/fooDot.gif) bottom repeat-x; padding-bottom: 1px; }
.copy a:hover			{ color: #fff; }

/*** References ***/ /*** Adaugat 22-01-2009 **************************************************************/
#refer					{ width: 260px; }
.flexcroll				{ margin-bottom: 30px; }
.flexcroll a			{ color: #004894; }
.flexcroll a:hover		{ color: #d8251e; }

/*** Scroll Bar ***/
#mycustomscroll			{ width: 260px; height: 130px; overflow: auto; position: relative; margin: 0em; padding: 0; }
.vscrollerbarbeg		{ background: url(../img/scrollbar.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbarend		{ background: url(../img/scrollbar.png) -45px 0px no-repeat;width: 15px;height: 15px;}
.scrollerjogbox			{ width: 15px;height: 15px;top: 15px; left: auto;bottom: 15px; right: 0px;background: #4E727C url(../img/scrollbar.png) 0px 0px;}
.vscrollerbase			{ background: #D7EBDF url(../img/scrollbar.png) 15px 15px no-repeat;}
.vscrollerbasebeg		{ background: url(../img/scrollbar.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbaseend		{ background: url(../img/scrollbar.png) -60px -30px no-repeat;height: 15px;width: 15px;}
.scrollerjogbox:hover	{ background: #5E828C url(../img/scrollbar.png) -45px -15px;}

.vscrollerbar, .hscrollerbar { padding: 17px; z-index: 2; }
.scrollgeneric			{ line-height: 1px; font-size: 1px; position: absolute; top: 15; left: 15; }
.vscrollerbase			{ width: 16px; height: 15px; background-color: #efefef; }
.vscrollerbar			{ width: 15px; height: 15px; background-color: #ccc; }
.hscrollerbase			{ height: 10px; background-color: white; }
.hscrollerbar			{ height: 10px; background-color: black; }