body { width: 980px; margin: 0 auto 20px; background: #fff url(../img/body-bg.png) 0 0 repeat-x; font-family: Calibri, Myriad Pro, Helvetica, Arial, sans-serif; font-size: 10pt; color: #0d7677; }


/* _____ HEADER _____ */
#head { width: 980px; background: transparent url(../img/head-bg.png) 0 0 no-repeat; }
#logo { width: 455px; height: 29px; padding: 30px 0 0 90px; display: block; }
#logo a { width: 455px; height: 29px; display: block; background: transparent url(../img/logo.png) 0 0 no-repeat; text-indent: -9999px; }


/* _____ MENU _____ */
#menu { width: 980px; height: 43px; margin-top: 26px; }
#menu-left { width: 60px; height: 43px; float: left; background: transparent url(../img/menu-left.png) 0 0 no-repeat; }
#menu-right { width: 60px; height: 43px; float: left; background: transparent url(../img/menu-right.png) 0 0 no-repeat; }
ul#nav { width: 800px; height: 43px; padding: 0 30px; float: left; background: transparent url(../img/menu-bg.png) 0 0 repeat-x; text-align: center; }
ul#nav li { display: inline; margin-left: -5px; }
ul#nav li a { margin: 0 2px; padding: 15px 25px 16px 25px; display: block; float: left; background: transparent url(../img/menu-light-bg.png) center top no-repeat; text-decoration: none; text-transform: capitalize; font-size: 11pt; font-weight: normal; color: #fff; }
ul#nav li a:hover, ul#nav li#active a { background: transparent url(../img/menu-bg.png) center -43px no-repeat; }
ul#nav li span { display: inline-block; background: transparent url(../img/menu-div.png) 0 0 repeat-x; }


/* _____ HEADER BANNER _____ */
#head-banner { width: 980px; height: 298px; background: transparent url(../img/head-banner.png) 0 0 no-repeat; }
#head-banner img#text { margin: 45px 0 0 85px; }
#head-banner-btn { padding: 12px 0 0 270px; }
#head-banner-btn a.detalii { width: 100px; height: 25px; display: block; float: left; background: transparent url(../img/head-banner-btn-detalii.png) 0 0 no-repeat; }
#head-banner-btn a.detalii:hover { background-position: 0 -25px; }
#head-banner-btn a.comanda { width: 100px; height: 25px; margin-left: 5px; display: block; float: left; background: transparent url(../img/head-banner-btn-comanda.png) 0 0 no-repeat; }
#head-banner-btn a.comanda:hover { background-position: 0 -25px; }


/* _____ BODY _____ */
#body { width: 882px; margin: 0 auto; }
#content { width: 662px; float: left; }
#content .box { width: 215px; margin: 5px 5px 0 0; float: left; }
.box .box-cont { width: 215px; min-height: 180px; background: #138687 url(../img/content-box-bg.png) 0 0 repeat-x; }
.box .bottom { width: 215px; height: 6px; background: transparent url(../img/content-box-bottom.png) 0 0 no-repeat; }
#content .colhead { width: 215px; height: 45px; background: transparent url(../img/content-colhead-bg.png) 0 0 no-repeat; border-bottom: solid 1px #fff; }
#content .colhead h1 { padding: 15px 18px 11px 18px; font-size: 14pt; font-weight: normal; text-align: center; }
#basic h1 { color: #B00034; }
#advanced h1 { color: #508B05; }
#full h1 { color: #0D7677; }
.box h2.box-text { padding: 14px 24px 11px 27px; line-height: 16px; font-size: 11pt; font-weight: normal; color: #fff; }
.box .box-pic { width: 110px; position: relative; top: 6px; }
.box .box-right { position: relative; top: 15px; }
.box .box-right img { margin-bottom: 15px; display: block; }
.box .box-right a.box-comanda { width: 77px; height: 22px; margin: 5px 0 3px 0; display: block; background: transparent url(../img/box-btn-comanda.png) 0 0 no-repeat; }
.box .box-right a.box-detalii, .box-full a.detalii { width: 77px; height: 22px; margin: 5px 0 3px 0; display: block; background: transparent url(../img/box-btn-detalii.png) 0 0 no-repeat; }
.box-right a.box-comanda:hover, .box .box-right a.box-detalii:hover, .box-full a.detalii:hover  { background-position: 0 -22px; }
.box-full a.magazin { width: 77px; height: 22px; margin: 5px 0 3px 5px; display: block; background: transparent url(../img/box-btn-magazin.png) 0 0 no-repeat; }
.box-full a.admin { width: 77px; height: 22px; margin: 5px 0 3px 5px; display: block; background: transparent url(../img/box-btn-admin.png) 0 0 no-repeat; }
.box-full a.magazin:hover, .box-full a.admin:hover  { background-position: 0 -22px; }


/* _____ CONTENT _____ */
#content .box-full { width: 615px; min-height: 75px; margin-top: 5px; padding: 10px 20px; background: #ddf7f7 url(../img/box-full-bg.png) 0 0 repeat-x; }
.box-full .top-left { width: 5px; height: 5px; position: relative; top: -10px; left: -20px; float: left; background: transparent url(../img/box-full-top-left.png) 0 0 no-repeat; }
.box-full .top-right { width: 5px; height: 5px; position: relative; top: -10px; right: -20px; float: right; background: transparent url(../img/box-full-top-right.png) 0 0 no-repeat; }
h1.title { margin-bottom: 10px; padding-bottom: 3px; border-bottom: solid 1px #b0dfdf; font-size: 13pt; color: #0d7677; }
p.paragraph { padding-top: 10px; line-height: 18px; text-indent: 10px; font-size: 11pt; font-weight: normal; }
.small { font-size: 9pt; font-style: italic; }
.box-full h2 { font-size: 11pt; line-height: 16px; }
.box-full .box-small { width: 195px; text-align: center; }
.box-full #left { margin-right: 7px; }
.box-full #center { padding: 0 7px; border-right: solid 1px #b0dfdf; border-left: solid 1px #b0dfdf; }
.box-full #right { margin-left: 7px; }
.box-full .box-small img { margin-top: 10px; }
.box-full .div { margin: 10px 6px; border-top: solid 1px #b0dfdf; }
#content .box-full-bottom { width: 655px; height: 5px; background: transparent url(../img/box-full-bottom.png) 0 0 no-repeat; }
.half-box { width: 300px; }
ul.list { margin: 10px 0; list-style-type: disc; }
ul.list li { margin-left: 30px; padding: 3px 0; line-height: 15px; }

a#demo-magazin { width: 150px; height: 40px; margin: 0 auto; display: block; background: transparent url(../img/btn-demo-magazin.png) 0 0 no-repeat; }
a#demo-magazin:hover  { background-position: 0 -40px; }
a#demo-admin { width: 150px; height: 40px; margin: 0 auto; display: block; background: transparent url(../img/btn-demo-admin.png) 0 0 no-repeat; }
a#demo-admin:hover  { background-position: 0 -40px; }

table.oferta td.row-head { color: #333 }
table.oferta td.center { text-align: center; }
table.oferta td a.comanda { width: 100px; height: 25px; margin: 0 44px; display: block; float: left; background: transparent url(../img/head-banner-btn-comanda.png) 0 0 no-repeat; }
table.oferta td a.comanda:hover { background-position: 0 -25px; }
table.oferta { width: 615px; }
table.oferta td { padding: 8px; background-color: #ecf5f5; border: solid 1px #b0dfdf; }
table.oferta td.none { background: none; border: none; }
table.oferta td a.comanda2 { width: 100px; height: 25px; margin: 0 23px; display: block; float: left; background: transparent url(../img/head-banner-btn-comanda.png) 0 0 no-repeat; }
table.oferta td a.comanda2:hover { background-position: 0 -25px; }

#contact-data { width: 175px; margin-bottom: 20px; padding-top: 10px; float: left; line-height: 15px; }
#contact-data strong { font-size: 11pt; }
#contact-form { width: 420px; margin-bottom: 20px; padding-top: 4px; float: right; }
#contact-form label { margin-top: 5px; display: block; }
#contact-form input.text, #respond input.text { height: 18px; padding: 1px 2px; background-color: #effafa; border: solid 1px #6ab4b5; font-size: 8pt; color: #666; }
#contact-form  textarea, #respond textarea { padding: 3px; background-color: #e5f6f6; border: solid 1px #6ab4b5; font-size: 8pt; color: #666; }
#contact-form input.text:hover, #contact-form  textarea:hover, #respond input.text:hover, #respond textarea:hover, #contact-form input.text:focus, #contact-form  textarea:focus, #respond input.text:focus, #respond textarea:focus, #searchform-side input.text:hover, #searchform-content input.text:hover, #searchform-side input.text:focus, #searchform-content input.text:focus { background-color: #f6fcfc; }
#contact-form input.btn, #respond input.btn { width: 77px; height: 22px; margin: 5px 0 3px 0; display: block; background: transparent url(../img/contact-btn-trimite.png) 0 0 no-repeat; border: none; cursor: pointer; }
#contact-form input.btn:hover, #respond input.btn:hover, #searchform-side input.btn:hover, #searchform-content input.btn:hover { background-position: 0 -22px; }


/* _____ BLOG _____ */
#blog-content { width: 655px; }
#blog-content .box-full { padding: 0 20px 5px 20px; }
#blog-content .box-full .top-left, #blog-content .box-full .top-right { top: 0; }
#blog-content .box-full-bottom { margin-bottom: 10px; }

.post h2, #no-search-result { padding-top: 10px; font-size: 13pt!important; line-height: 20px!important; }
.post p { line-height: 20px; }
.post a.more-link { float: right; }
.postmetadata { width: 635px; margin: 15px 0 0 -20px; padding: 5px 10px; clear: both; background-color: #e9fafa; border-top: solid 1px #c0eeee; border-bottom: solid 1px #c0eeee; }
.postmetadata p { margin: 2px 0!important; }
.comments { float: right; }
.navigation { height: auto; clear: both; line-height: 28px; }

html > body .entry ul { margin-left: 0; padding: 0 0 0 10px; list-style-type: disc; text-indent: -10px; }
html > body .entry li { margin: 7px 0 8px 10px; padding-left: 10px; }
.entry p { margin: 10px 0; }
.entry p strong { font-size: 1.05em; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist .comment-author { padding: 2px 0; }
.commentlist cite, .commentlist cite a { font-size: 1.1em; font-weight: bold; font-style: normal; color: #555; }
.commentlist span { color: #555; }
.commentlist li .avatar { padding: 2px; float: right; background-color: #fff; border: solid 1px #eee; }
.commentlist p { margin: 10px 5px 10px 0; line-height: 1.3em; }
.depth-1  { border: solid 1px #ddd; }
.thread-even { background-color: #fff; }
.thread-alt  { background-color: #f8f8f8; }
h3 { margin-top: 30px; font-size: 12pt; }
#respond { margin: 20px 0 0 10px; }
#respond h3 { margin: 20px 0 10px 0; border-bottom: solid 1px #b0dfdf; font-size: 12pt; }
#respond input.text, #respond textarea { margin: 2px 0; }

#blog-content h1.title { margin-top: 15px; }
ul#blog-side li.widget { margin-bottom: 20px; }
h2.widgettitle { margin-bottom: 8px; padding-top: 10px; border-bottom: double 3px #c9ddac; font-size: 13pt; line-height: 20px; color: #578c09; }
ul#blog-side li.widget ul { margin-left: 10px; }
ul#blog-side li.widget ul li { margin-left: 10px; list-style-type: disc; line-height: 16px;  }
#searchform-side input.btn { float: right; }
#searchform-side input.text, #searchform-content input.text { width: 214px; height: 16px; padding: 1px 2px; background-color: #effafa; border: solid 1px #6ab4b5; font-size: 8pt; color: #666; }
#searchform-side input.btn, #searchform-content input.btn { width: 77px; height: 22px; margin: 5px 0 3px 0; position: relative; top: 1px; background: transparent url(../img/btn-cauta.png) 0 0 no-repeat; border: none; cursor: pointer; }


/* _____ SIDEBAR _____ */
#side { width: 220px; margin-top: 5px; float: left; }
#side .colhead { width: 220px; height: 45px; background: transparent url(../img/side-colhead-bg.png) 0 0 no-repeat; border-bottom: solid 1px #fff; }
#side .colhead h1 { padding: 15px 18px 11px; text-align: center; font-size: 13pt; font-weight: normal; color: #fff; }
#side .box-cont { width: 195px; min-height: 180px; padding: 14px 10px 1px 15px; background: #7bb32b url(../img/side-bg.png) 0 0 repeat-x; }
#side .bottom { width: 220px; height: 6px; background: transparent url(../img/side-box-bottom.png) 0 0 no-repeat; }
#side ul#features li { margin-bottom: 8px; padding: 0 0 4px 20px; background: transparent url(../img/icon-yes.png) 0 0 no-repeat; border-bottom: dotted 1px #b4d97d; font-size: 10pt; color: #fff; }


/* _____ FOOTER _____ */
#foot { width: 882px; margin: 10px auto 0; padding-top: 10px; border-top: solid  1px #b0dfdf; }
a { color: #0d7677; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }


/* _____ MISC _____ */
strong.big { font-size: 11pt; }
.align-left { float: left; }
.align-right { float: right; }
.clr { clear: both; height: 0; }