/* RESET --------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main { 
    display:block;
}

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
textarea { resize: none; }
input, select, textarea { font-size:1rem; text-align: left;  font-weight:normal; }
:focus { outline: 0; }
img { max-width: 100%; }

html { height:100%; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { min-height:100%; font-family: sans-serif; font-weight:normal; font-size:1rem; line-height:1.5; text-align: center; position:relative; }

/* SYSTEM ------------------------------------------------------------------------------------ */
.system_error { color:#ff0000; background:#ffffff; padding:1rem 0; font-weight:bold; font-size:1rem; line-height: 1.5; }

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* CUSTOM ------------------------------------------------------------------------------------ */

body { background: url(media/bg.png) left top; font-family: 'Titillium Web', Arial, sans-serif; font-weight: normal; }
input, select, textarea { font-family: 'Titillium Web', Arial, sans-serif; font-weight: normal;  }

main { padding:2rem 0; }
.wrapper { margin-left: auto; margin-right:auto; width:95%; max-width:1300px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center;  }


.left { float: left; width: 600px; text-align: left; }
.right { float:right; width: 601px; text-align: left; }

.logo { max-width: 400px; margin-bottom:1rem; }
h1 { font-size:2rem; font-weight: normal; line-height: 1.4; text-align: left; margin-bottom:2rem; color:#ec6e01; }

.categs { list-style: none; display: block; width: 100%; padding:1rem 0; border:1px solid #6e6e2e; border-left:0; border-right:0; }
.categs li { float:left; margin-left:1.5rem; }
.categs li:first-child { margin-left: 0; }
.categs li button { border:0; padding:0; margin:0; font-size:0.9rem; line-height: 1.3; color:#ec6e01; background: none; cursor:pointer; font-weight: 300; text-transform: uppercase; }
.categs li button:hover { color:#1c6a76; }
.categs li.active button { color:#1c6a76; }

.modele { list-style: none; width:380px; }
.modele li { float:left; margin:5px 0 0 5px; width:50px; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; border:1px solid #ededed; border:0; cursor: pointer; }
.modele li:nth-child(-n+7) { margin-top:0; }
.modele li:nth-child(7n+1) { margin-left:0; }
.modele li img { width: 100%; }

.modele-wrapper { text-align: left; margin-top:2rem; }
.modele-list { float:left; }
.model-selectat { float:right; width: 180px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.model-selectat-thumb { width: 180px; height:180px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ededed; border:0; }
.model-selectat-thumb img { width: 100%; height:100%; display:block; }
.model-selectat-titlu { margin-top:0.5rem; font-size: 1.2rem; line-height: 1.4; font-weight: normal; text-align: left; color:#1c6a76; }
.model-selectat-actiuni { margin-top:0.5rem; text-align: center; font-size:1rem; line-height: 1; }
.model-selectat-actiuni span { display: inline-block; position: relative; top:1rem; color: #999; }
.rotire { float:left; padding:0; margin:0; border:0; background: none; cursor:pointer; font-size:2rem; font-weight: normal; padding:0.5rem; color:#ec6e01;}
.rotire-dreapta { float:right; }
.rotire:hover { color:orange; }

.board { border:0; padding:0; margin: 0; }
.board td { background: #deebf7; width:60px; height:60px; border:1px solid #fff; border-left-width: 0; border-top-width: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; padding:0;}
.board td:hover { background: #d5e4ef; }
.board tr:first-child td { border-top-width: 1px; }
.board tr td:first-child { border-left-width: 1px; }
.board td img { width: 100%; height:100%; display: block; }
.board td div { position: relative; width: 100%; height: 100%; }
.board-cell { position: relative; }
.board-del { display: none; position: absolute; left:50%; top:50%; color:#ff0000; z-index:10; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size:1.3rem; }
.board td:hover .board-del { display: block; }

.loader { font-size:3rem; color:#ec6e01; display: none; }
.reseteaza { padding: 0; margin: 0; border: 0; background: none; font-size: 1rem; font-weight: normal; line-height: 1.5; color:#1c6a76; text-align: left; margin-top:1rem; cursor: pointer; float:left; }
.reseteaza i { display: inline-block; margin-right:0.5rem; color:#5e9fa5; }
.reseteaza:hover, .reseteaza:hover i { color:#ec6e01; }
.salveaza { padding: 0; margin: 0; border: 0; background: none; font-size: 1rem; font-weight: normal; line-height: 1.5; color:#ec6e01; text-align: left; margin-top:1rem; cursor: pointer; float:right; }
.salveaza i { display: inline-block; margin-right:0.5rem; color:#ec6e01; }
.salveaza:hover, .salveaza:hover i { color:#1c6a76; }

.empty { font-size:1rem; font-weight: 300; color:#999; }
.pdf-loader { display: none; float:right; margin-top:1rem; font-size:1rem; line-height: 1.5; color:#999; }

.pdf-message { display:none; position: fixed; left:0; top:0; width: 100%; height: 100%; background: url(media/bg-white-60.png); }
.pdf-ok { position: absolute; left:50%; top:50%; padding:5rem; background: #e4dcc4; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 1.2rem; color:#fff; font-weight: normal; line-height: 1.4; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.pdf-ok a { text-decoration: none; color:#1c6a76; margin-top:0.5rem; display: inline-block; }
.pdf-ok a:hover { color:#ec6e01; }
.pdf-ok p { color:#fff; }
.pdf-close { position: absolute; bottom:0; left: 50%; background: #ec6e01; color: #fff; font-size: 1.3rem; line-height: 3rem; width: 3rem; height: 3rem; text-align: center; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); padding: 0; margin: 0; border: 0; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.pdf-close:hover { background: orange; }