@charset "utf-8";
/*-----------------------------------------------------------------------------*/
/* Copyright 2008 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/
@import url('liste.css');
@import url('tabele.css');
@import url('formulare.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: url(../img/top-security.gif) repeat-x; }
img, hr					{ border: none; }
a						{ outline: none; }

/*** General Clases ***/
.left					{ float: left; }
.right					{ float: right; }
.leftText				{ text-align: left; }
.rightText				{ text-align: right; }
.marLeft10				{ margin-left: 10px; }
.small					{ font-size: 0.8em; }
.smallest				{ font-size: 0.75em; }
.clear					{ clear: both; }
.spacer					{ clear:both; height:1px; }
.red, .redLinks			{ color: #a91b41; }
.gray					{ color: #666; }
.blue					{ color: #015f85; }
.yellow					{ color: #f60; }
.redBorder				{ background: url(../img/redDot.gif) bottom repeat-x; padding-bottom: 1px; }
.grayBorder				{ background: url(../img/grayDot.gif) bottom repeat-x; }


/*** Text elements ***/
h1, h2, h3, h4, h5, h6	{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; margin: 0; padding: 0; }
h1						{ font-size: 1.4em; }
h1.title				{ font-family: Verdana, Arial, Helvetica, sans-serif; }
h4						{ font-size: 1.1em; }
h6						{ font-size: 1.3em;}
h1 .subtitle			{ font-size: 0.65em; }
a						{ text-decoration: none; }
.blackLinks a			{ color: #333; }
.blackLinks a:hover		{ color: #a91b41; }

/*** General Layout structure ***/
#wrapper, #footer		{ width: 960px; margin: 0 auto; }
#header					{ height: 191px; padding-top: 9px; background: url(../img/camere-supraveghere.gif) 100% 90% no-repeat; position: relative; }
#content				{ padding-top: 20px; overflow: auto; }
#sideBar				{ width: 200px; }
#main					{ width: 740px; }
#wrapp-footer			{ border-top: 5px solid #bdbcbc; background: #e7e7e7; height: 124px; width: 100%; margin-top: 20px; }
#footer					{ padding-top: 20px; }
#footer	div.right		{ width: 740px; }

/*** Newsletter ***/
.news					{ width: 285px; padding-top: 20px; background: url(../img/video-ip.jpg) top center no-repeat; }
.news input.txt			{ color: #666; font-size: 0.85em; width: 168px; height: 19px; border: none; background: url(../img/news.gif) no-repeat; padding: 4px 0 0 10px; margin-right: 10px; }
.btnNews				{ width: 83px; height: 22px; background: url(../img/btnNews.gif) no-repeat; color: #fff; border: none; font-size: 0.75em; }

/*** Search ***/
.search					{ padding: 0 8px; }
.search input.txt		{ width: 128px; color: #666; height: 24px; border: none; background: url(../img/search.gif) no-repeat; padding: 4px 0 0 10px; }
.btnCauta				{ width: 45px; height: 23px; background: url(../img/btnCauta.gif) no-repeat; color: #fff; border: none; font-size: 0.75em; }

/*** SideBar Menu ***/
.menu					{ background: #e7e7e7 url(../img/topMenu.gif) top no-repeat; padding-top: 8px; margin-bottom: 10px; }
.menu p.last			{ background: url(../img/botMenu.gif) bottom no-repeat; }
.listHolder				{ background: #6c6a69 url(../img/botListHolder.gif) bottom no-repeat; margin: 10px 0; padding-bottom: 30px; }
.listHolder	 p.first	{ background: url(../img/topListMenu.gif) top no-repeat; }
.listMenu				{ padding: 0 10px 5px; margin-bottom: 5px; background: url(../img/ulListBorder.gif) bottom repeat-x; }
.listMenu a				{ color: #fff; background: url(../img/grayDotList.gif) bottom repeat-x; font-size: 0.8em; }
.listMenu a:hover, .listMenu a.curent { color: #fc0; }
.listMenu .title		{ background: url(../img/grayList.gif) right no-repeat; font-family: Georgia, "Times New Roman", Times, serif; }
.listMenu .title a		{ background-image: none; font-size: 1em; }
.listMenu .title#curent { background: url(../img/redList.gif) right no-repeat; }

/*** Latest Projects ***/
.projects				{ margin-bottom: 10px; }
.projects li			{ margin-left: 10px; padding-left: 10px; font-size: 0.8em; color: #666; }
.projects li.title		{ background: url(../img/redArrow.gif) 0 2px no-repeat; }

/*** Certificari ***/
.certif					{ background: url(../img/grayDot.gif) bottom repeat-x; padding-bottom: 10px; margin: 7px 0; }
.certif	dd				{ margin: 0; }
.certif img				{ margin-right: 6px; }
.certif	dd.text			{ /*width: 150px;*/ float: right; }

/*** Path ***/
#path					{ height: 33px; background: url(../img/path.gif) no-repeat; margin-bottom: 10px; padding-left: 10px; line-height: 2.6em;}
#path a					{ color: #333; }
#path a:hover, #path a.curent { color: #a91b41; }

/*** Paging ***/
.pager					{ height: 23px; background: url(../img/pager.gif) no-repeat; padding-left: 30px; line-height: 1.9em; font-size: 0.85em; color: #ccc; }
p.redLinks a			{ color: #a91b41; margin-right:3px; padding-right:3px; }			
p.redLinks .thePagerSel	{ padding-right:3px;  }
/*** Listing Items ***/
.row dl					{ margin: 10px 0; }
.item					{ width: 346px; height: 169px; background: url(../img/camera-ip.gif) no-repeat; padding: 14px 10px 10px 2px; }
.item dd				{ margin: 0; }
.info h1				{ font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000; }
.info p					{ font-size: 0.8em; }
.item dd.info			{ width: 220px; float: right; color: #666; position: relative; }
.promo					{ width: 81px; height: 17px; background: url(../img/promo.gif) no-repeat; position: absolute; left: -110px; bottom: 3px; }

/*** Buttons ***/
a.btnDetalii			{ width: 132px; height: 23px; display:block; background: url(../img/btnDetalii.gif) no-repeat; padding-left: 20px; line-height: 2.2em; font-size: 0.9em; color: #a91b41; }
a:hover.btnDetalii		{ background-position: 0 -23px; color: #fff; }

/*** Misc ***/
.infoLege				{ padding-left: 50px; background: url(../img/infoLege.gif) no-repeat; }
.banner					{ padding: 20px 0; }

#product				{ border: 1px solid #ccc; height: 272px; background: url(../img/supraveghere.gif) top repeat-x; padding: 20px 10px 2px; }
.infoProd				{ width: 350px; text-align: center; }
.thumbs a img			{ padding: 1px; background-color: #ccc; margin: 30px 3px 20px; }
.thumbs a:hover img		{ background-color: #666; }
#product a.btnDetalii	{ font-size: 0.7em; padding-left: 10px; line-height: 2.5em; background-position: 0 -23px; color: #fff; }
#product a:hover.btnDetalii { background-position: 0 0; color: #a91b41; }