.nobook { color: #f12200; font: 400 16px Arial, Helvetica, sans-serif; }

table.books { border-collapse: collapse; overflow: hidden; width: 100%; margin: 0 auto 30px; display: table; }
table.books th { font-weight: 700; text-align: center; font-size:14px; background-color:#FAFAFA; }
table.books td { font-weight: 400; text-align: left; font-size:12px; }
table.books td.price { text-align: right; }
table.books td.mezzo { text-align: center; }
table.books td, th { border: 1px solid #d5d5d5; padding: 10px; }
table.books th:empty { border: 0; }
select.kolicina { margin: 0px; padding: 0px; color: #666; background-color: #F7F7F7; border: 1px solid #E8E8E8; font-size: 14px; border-radius: 3px; text-align: center; }
table.books td.mezzoradio { text-align: center; }
table.books input[type="radio"] { vertical-align: middle; }
table.books input[type="radio"]:checked ~ * { background: pink !important; }
.order { font: 400 15px/25px Arial, Helvetica, sans-serif; color: #3C5286; background: #FFF; width: 100%; border: 1px solid #666b85; padding: 25px; text-align: left; margin-bottom: 30px; }
.ita5 { font-style: italic; display: inline-block; font-weight: 700; }
html.remodal-is-locked { overflow: hidden }
.remodal, [data-remodal-id] { visibility: hidden }
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none }
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch }
.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: "" }
.remodal-overlay, .remodal-wrapper { -webkit-transform: translateZ(0px) }
.remodal { position: relative; display: inline-block }
.remodal select, .remodal textarea, .remodal input, .remodal select:focus, .remodal textarea:focus, .remodal input:focus { font-size: 16px }
.remodal, .remodal * { font-family: Arial, Helvetica, sans-serif }
.remodal-bg { -webkit-transition: -webkit-filter 0.2s ease-out; -moz-transition: -moz-filter 0.2s ease-out; -o-transition: -o-filter 0.2s ease-out; transition: filter 0.2s ease-out }
body.remodal-is-active .remodal-bg { -webkit-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px) }
.remodal-overlay { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; background: rgba(33, 36, 46, 0.9) }
body.remodal-is-active .remodal-overlay { opacity: 1 }
.remodal { font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 100%; padding: 35px; -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); opacity: 0; color: #182a3c; background: #F6F6F6; background-clip: padding-box }
body.remodal-is-active .remodal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }

.remodal, .remodal-wrapper:after { vertical-align: middle; }
.remodal-close { position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; text-decoration: none; -webkit-border-radius: 50%; border-radius: 50% }
.remodal-close:after { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 40px; line-height: 40px; display: block; content: "×"; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none; color: #3e5368 }
.remodal-close:hover, .remodal-close:active { background: #3e5368 }
.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after { color: #f4f4f4 }
.remodal-confirm, .remodal-cancel { font-size: 10pt; display: inline-block; width: 120px; margin: 0 0 5px 0; padding: 9px 0; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-align: center; text-decoration: none; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box }
.remodal-confirm { color: #16a085; border: 2px solid #16a085; background: #f4f4f4 }
.remodal-confirm:hover, .remodal-confirm:active { color: #f4f4f4; background: #16a085 }
.remodal-cancel { color: #c0392b; border: 2px solid #c0392b; background: #f4f4f4 }
.remodal-cancel:hover, .remodal-cancel:active { color: #f4f4f4; background: #c0392b }

/************** formBox ************/
.formBox                            { padding:35px 0px; display:block; overflow:hidden; clear:both;}
.form                               { width:90%; margin:0 auto;}
.form p                             { margin: 0px 0px 20px; padding: 0px; clear: both; overflow: hidden; line-height:20px; }
.form p label                       { float:left; font-size:14px; padding:6px 10px 0px 4px; display:inline-block text-align: left; color: #333; margin-bottom:8px; }
.form p.float label                 { float:none; clear:both; font-size:14px; padding:6px 10px 0px 4px; display:block; text-align: left; color: #333; margin-bottom:8px; }
.form p .inputForm                  { font-family:'Roboto Slab', sans-serif; background-color: #f7f7f7; border-radius: 4px; width: 100%; padding: 10px; line-height:16px; font-size: 12px; color: #666666; border: 1px solid #e5e5e5; }
.form p .inputForm.small            { width: 30%; display:block; clear:both; }
.form p .textarea                   { font-family:'Roboto Slab', sans-serif; font-size:12px; margin:0; border-radius: 4px; width:100%; color: #666666; padding: 5px; border: 1px solid #DDD; max-width:100%; min-width:100%;}
.form p .inputForm.error, 
.form p .textarea.error             { background: #F7DFDF; border: 1px dashed #C00; }
.form p .dropDown                   { margin: 0px; padding: 9px 10px 8px 10px; width: 100%; font-size: 12px; line-height:18px; height:38px; color: #666666; border-radius: 4px; color: #666666; border: 1px solid #e5e5e5; font-family:'Roboto Slab', sans-serif; }
.form p .dropDownSmall              { margin: 0px 10px 0px 0px; padding: 9px 10px 8px 10px; width: 30%; float:left; font-size: 12px; line-height:18px; height:38px; color: #666666; border-radius: 4px; color: #666666; border: 1px solid #e5e5e5; font-family:'Roboto Slab', sans-serif; }
.form p .required                   { color: #FF0000; }
.form p a i                         { font-size:12px; margin-right:5px;}
.extraSpace                         { margin-bottom: 40px; overflow: hidden; line-height: 17px; clear:both;}
.crt                                { float: left; padding-top: 5px; padding-left: 5px; }
.checkBox                           { float: left; margin-top: 9px; margin-right:5px; }
.form .slickbutton.custom           { margin-left:5px!important;}
.form .inline label                 { display:block; width:100%; text-align:left;}
.form .inline input                 { margin:4px 10px; float:left;}
.form input:focus,
textarea:focus,
select:focus                        { color:#666; background-color:#fff; border:1px solid #09F; }

@media only screen and (min-width: 40.063em) {
.remodal { max-width: 1024px; min-height: 0; margin: 20px auto; -webkit-border-radius: 6px; border-radius: 6px }
}
.lt-ie9 .remodal-overlay {  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E)}
.lt-ie9 .remodal { width: 1024px; min-height: 0; margin: 20px auto }
.lt-ie9 .remodal-close:after { margin: auto; text-align: center }
.lt-ie9 .remodal-close:hover, .lt-ie9 .remodal-close:active { background: transparent }
.lt-ie9 .remodal-close:hover.remodal-close:after, .lt-ie9 .remodal-close:active.remodal-close:after { color: #3e5368 }

@media only screen and (max-width : 480px) {
.form p .inputForm.small { width:100%;}
div.table { width:100%; overflow-x:scroll; overflow-y:hidden; border: 1px solid #ddd; margin-bottom: 15px;}
table.books { margin-bottom:10px;}
}