/*-- Global --------------------------------------------*/
* { padding: 0; margin: 0; }
* :focus { outline: none; }
.hide { visibility: hidden; }

/*-- Layout principal ----------------------------------*/
body { background: url(../img/bg.jpg) repeat-x top center; background-color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12px; }
#layout { width: 990px;	height: auto; margin-left: auto; margin-right: auto; }
#antet-page { width: 990px; height: auto; }
#logo {	width: 460px; height: 100px; background: url(../img/logo-reparatii-notebook.jpg) top left no-repeat; float: left; }
#logo span { display: none; }

/*-- Contact Rapid ------------------------------------*/
#contact-rapid { float: right; width: 362px; }
#right-top { width: auto; text-align: left; }
#right-top ul { list-style: none; }
#right-top li { float: left; width: auto; }
#right-top a { display: block; height: 27px; outline: none; }
#right-top a div { visibility: hidden; }

/*-- Contact Rapid - Butoane --------------------------*/
#right-top a.tb-blog { width: 113px; background: url(../img/butoane/top-blog.jpg) no-repeat top left; }
#right-top a.tb-faq { width: 117px; background: url(../img/butoane/top-faq.jpg) no-repeat top left; }
#right-top a.tb-contact { width: 112px; background: url(../img/butoane/top-contact.jpg) no-repeat top left; }

/*-- Contact Rapid - Telefoane ------------------------*/
#contact-rapid-box { width: 342px; height: 142px; background: url(../img/contact-rapid-bg.jpg) top left no-repeat; }
#contact-rapid-box .left-side { width: 150px; height: auto; float: left; margin-top: 45px; margin-left: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#contact-rapid-box td.reds { padding: 3px 6px; padding-right: 2px; color: #AA0000; font-weight: bold; }
#contact-rapid-box td.labels { padding: 3px 6px; padding-left: 2px; color: #666666; font-weight: bold; }

/*-- Contact Rapid - Statusuri ------------------------*/
#contact-rapid-box .right-side { width: 100px; height: auto; float: right; margin-top: 30px; margin-right: 5px; }
#contact-rapid-box a.status-yahoo-offline { width: 93px; height: 59px; display: block; outline: none; background: url(../img/icoane/status-yahoo.jpg) left top no-repeat; }
#contact-rapid-box a.status-yahoo-online { width: 93px; height: 59px; display: block; outline: none; background: url(../img/icoane/status-yahoo.jpg) left bottom no-repeat; }
#contact-rapid-box a.status-skype-offline { width: 93px; height: 33px; display: block; outline: none; background: url(../img/icoane/status-skype.jpg) left top no-repeat; }
#contact-rapid-box a.status-skype-online { width: 93px; height: 33px; display: block; outline: none; background: url(../img/icoane/status-skype.jpg) left bottom no-repeat; }

/*-- Page - Layout - Meniuri ------------------------*/
#context { width: 990px; height: auto; background: url(../img/context-bg.png) repeat-y top left; margin-top: 12px; }

/*-- Footer - Toolbar - Links -----------------------*/
#toolbar-footer { width: 990px; height: 179px; background: url(../img/toolbar-footer-bg.jpg) no-repeat top left; }
.tbf-panel { width: 140px; text-align: left; }
.tbf-panel ul { list-style: none; padding-top: 12px; }
.tbf-panel li { display: block; margin: 3px 0px; }
.tbf-panel a.tbf-links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AA0000; font-weight: bold; text-decoration: none; }
.tbf-panel a.tbf-links:hover { color: #000000; }

/*-- Page - Context ---------------------------------*/
#page-context { width: 940px; padding: 10px 25px; }

/*-- Boxuri - Right ---------------------------------*/
.box-right { width: 280px; height: auto; background: url(../img/box-repeat-bg.jpg) repeat-y top left; margin-top: 5px; margin-bottom: 10px; }
.box-right-bg { width: 280px; height: auto; background: url(../img/box-bottom-bg.jpg) no-repeat bottom left; }
.box-right .in-box { padding: 5px 15px; padding-bottom: 15px; }
.box-right .ghilim { width: auto; height: auto; background: url(../img/ghilimele.gif) no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.box-right .ghilim p { padding: 12px 6px; text-indent: 12px; text-align: justify; font-style: italic; }
.box-right .jsbar { margin-top: 12px; }
#antet-box-client { width: 280px; height: 44px; background: url(../img/box-antet-login-client.jpg) no-repeat top left; }
#antet-box-marturii { width: 280px; height: 44px; background: url(../img/box-antet-marturii.jpg) no-repeat top left; }

/*-- Logos ---------------------------------*/
#logos-place { width: 990px; height: 174px; background:url(../img/producatori-bg.jpg) no-repeat top left; }
#logos-place a { display: block; outline: none; overflow: hidden; }
#logos-place a.prod { width: 194px; height: 58px; background-position: top left; background-repeat: no-repeat; }	
#logos-place a.prod:hover { width: 194px; height: 58px; background-position: bottom left; background-repeat: no-repeat; }	
	
	
/*-- Footer ---------------------------------*/
#footer { width: 990px; height: 24px; background:url(../img/footer.png) no-repeat top left; }
#below-footer { width: 990px; height: 50px; margin-left: auto; margin-right: auto; }
#below-footer td { padding: 1px 8px; }
#below-footer a.link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AA0000; font-weight: bold; text-decoration: none; }
#below-footer a.link:hover { color: #000000; }

/*-- Butoane din context ---------------------*/

.btn-top { position: absolute; width: auto; margin-left: 850px; margin-top: -25px; }
.btn-top a { outline: none; }
.sageata-left { display: block; width: 30px; height: 30px; background: url(../img/butoane/sageata-left.png) no-repeat top left; outline: none; }
.sageata-left:hover { display: block; width: 30px; height: 30px; background: url(../img/butoane/sageata-left.png) no-repeat bottom left; outline: none; }
.sageata-right { display: block; width: 30px; height: 30px; background: url(../img/butoane/sageata-right.png) no-repeat top left; outline: none; }
.sageata-right:hover { display: block; width: 30px; height: 30px; background: url(../img/butoane/sageata-right.png) no-repeat bottom left; outline: none; }
.sageata-left div, .sageata-right div { display: none; }


/*-- Antete din context ---------------------*/
div.ta { width: auto; height: 32px; background-position: top left; background-repeat: no-repeat; margin-bottom: 10px; }
div.ta span { display: none; }

/*-- Alte stiluri din context ---------------------*/
.red { color: #AA0000; }
.txt-blocks { margin-bottom: 5px; width: 920px; height: auto; padding-left: 3px; }
.txt-blocks a.item { text-decoration: none; outline: none; color: #000000; }
.txt-blocks .red a.item  { color: #AA0000; }
.txt-title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding: 3px; width: auto; }
.txt-texte { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 1px 4px; padding-bottom: 15px; display: none; }
.txt-info { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 1px 4px; padding-bottom: 20px; }
.txt-info p { margin-bottom: 10px; color: #000000; }
.txt-info ul { list-style: square; padding-left: 24px; margin-left: 10px; width: auto; }
.txt-info ol { padding-left: 24px; margin-left: 10px; width: auto; }
.txt-info li { padding: 3px 6px; }
.txt-info a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; color: #0000CC; }
.txt-info a:hover { color: #AA0000; text-decoration: none; }
.txt-info table { border-right: solid 1px #B3B3B3; border-top: solid 1px #B3B3B3; }
.txt-info table td { padding: 6px; padding-right: 12px; border: solid 1px #B3B3B3; border-right: none; border-top: none; }
.ghilimele { width: auto; height: auto; background: url(../img/ghilimele.gif) no-repeat top left; }
a.red-link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color:#AA0000; padding: 2px 4px; }
a.red-link:hover { text-decoration: none; color: #000000; }
a.red-link-big { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color:#AA0000; padding: 2px 4px; }
a.red-link-big:hover { text-decoration: none; color: #000000; }
a.red-link-small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#AA0000; padding: 2px 4px; outline: none; }
a.red-link-small:hover { text-decoration: none; color: #000000; outline: none; }

input.inputbox { width: 152px; height: 17px; background: url(../img/input-box-login.jpg) no-repeat top left; padding: 4px 8px; padding-right: 6px; border: none; }
input.inputbox-over { width: 152px; height: 17px; background: url(../img/input-box-login.jpg) no-repeat bottom left; padding: 4px 8px; padding-right: 6px; border: none; }
a.btn-login div { visibility: hidden; }
a.btn-login { display: block; height: 35px; width: 105px; background: url(../img/butoane/home-login.jpg) no-repeat top left; outline: none; }
a.btn-login:hover { display: block; height: 35px; width: 105px; background: url(../img/butoane/home-login.jpg) no-repeat bottom left; outline: none; }

#box-pas1 { width: 615px; height: 180px; background: url(../img/boxuri/box-pas1-bg.jpg) no-repeat top left; margin-left: 22px; }
#box-pas2 { width: 615px; height: 185px; background: url(../img/boxuri/box-pas2-bg.jpg) no-repeat top left; margin-left: 22px; }
#box-pas3 { width: 615px; height: 180px; background: url(../img/boxuri/box-pas3-bg.jpg) no-repeat top left; margin-left: 22px; }
#box-pas4 { width: 615px; height: 180px; background: url(../img/boxuri/box-pas4-bg.jpg) no-repeat top left; margin-left: 22px; }

#box-pas1-info { width: 920px; height: 190px; background: url(../img/boxuri/pas1-info-bg.jpg) no-repeat top left; }
#box-pas2-info { width: 920px; height: 190px; background: url(../img/boxuri/pas2-info-bg.jpg) no-repeat top left; }
#box-pas3-info { width: 920px; height: 190px; background: url(../img/boxuri/pas3-info-bg.jpg) no-repeat top left; }
#box-pas4-info { width: 920px; height: 190px; background: url(../img/boxuri/pas4-info-bg.jpg) no-repeat top left; }

.paginatie { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 10px; margin-bottom: 20px; }
.paginatie a { padding: 1px 5px; border: solid 1px #999999; background-color: #EEEEEE; text-decoration: none; color: #000000; }
.paginatie a.activ { padding: 1px 5px; border: solid 1px #CC3333; background-color: #CC3333; text-decoration: none; color: #FFFFFF; }

.tblcp .antet { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#AA0000; font-weight: bold; padding: 5px 6px; }
.tblcp .rez { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-top: solid 1px #dddddd; padding: 10px 6px; }
.tblcp .out { background-color: #FFFFFF; }
.tblcp .in { background-color: #DEDEDE; }
.in-table { background-color: #eeeeee; border: solid 1px #dcdcdc; padding: 10px; }

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:6px solid #444; padding:12px;}
#sm-toolbar { width: auto; height: 20px; background-color: #AA0000; color: #FFFFFF; }
#sm-titlebox { width: auto; height: auto; background-color: #AA0000; color: #FFFFFF; font-size: 14px; font-weight: bold; float: left; }
#sm-closebtn { width: auto; height: auto; float: right; }

.buton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #aa0000; padding: 3px 8px; }