/*****************************************
    CSS file for 2i Film
    Copyright (c) web.burza.hr
    Media: screen
*****************************************/

/**
01/RESET, UTILITIES
=====================================================================**/
/** RESET **/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video        { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls])       { display: none; }
[hidden]                    { display: none; }
html                        { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body                        { margin: 0; }
/*added */
html, body                  { min-height: 100%; }
body, button, input, select, textarea   { font-family: sans-serif; }
a:focus                     { outline: 0; }
a:hover, a:active           { outline: 0; }
h1                          { font-size: 2em; }
abbr[title]                 { border-bottom: 1px dotted; }
b, strong                   { font-weight: bold; }
blockquote                  { margin: 1em 40px; }
dfn                         { font-style: italic; }
mark                        { background: #ff0; color: #000; }
pre, code, kbd, samp        { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre                         { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q                           { quotes: none; }
q:before, q:after           { content: ''; content: none; }
small                       { font-size: 75%; }
sub, sup                    { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup                         { top: -0.5em; }
sub                         { bottom: -0.25em; }
li                          { list-style-image: none; list-style-position: outside; list-style-type: none; }
img                         { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root)              { overflow: hidden; }
figure                      { margin: 0; }
form                        { margin: 0; }
fieldset                    { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend                      { border: 0; *margin-left: -7px; }
button, input, select, textarea         { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input               { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; display: inline-block; *display: inline; *zoom: 1; width: auto; vertical-align: middle; }
button[disabled]            { cursor: default; }
input[type="checkbox"], input[type="radio"]         { box-sizing: border-box; padding: 0; }
input[type="search"]        { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration     { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner   { border: 0; padding: 0; }
textarea                    { overflow: auto; vertical-align: top; }
table                       { border-collapse: collapse; border-spacing: 0; }


/** UTILITIES **/
.structural     { position: absolute !important; left: -9999px !important; /*top: -9999px !important;*/ height: 1px !important; }
.structural_alt { position: absolute !important; left: -9999px !important; height: 1px !important; }
.hide           { display: none !important; }
.block          { display: block !important; }
.iblock         { display: inline-block !important; _display:inline !important; *display:inline !important; zoom:1; }
.inline         { display: inline !important; }
.left           { float: left !important; display: inline !important; }
.right          { float: right !important; display: inline !important; }
.clear          { clear: both !important; }
.strong         { font-weight: bold !important; }
.normal         { font-weight: normal !important; }
.em             { font-style: italic !important; }
.up             { text-transform: uppercase !important; }
.low            { text-transform: lowercase !important; }
.default        { font-weight: normal !important; font-style: normal !important; text-transform: none !important; }
.txt_l          { text-align: left !important; }
.txt_r          { text-align: right !important; }
.txt_c          { text-align: center !important; }
.val_b          { vertical-align: bottom !important; }
.val_m          { vertical-align: middle !important; }
.val_bl         { vertical-align: baseline !important; }
.absolute       { position: absolute !important; }
.relative       { position: relative !important; }
.fixed          { position: fixed !important; }
.hide_txt       { text-indent: -9999px; }
.glevin /* Glider/Levin image replacement (needs an empty span); remember to set width/height when extending */
    { position: relative; overflow: hidden; display: block; zoom:1; }
    .glevin span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: 0 0; background-repeat: no-repeat; }
.phark /* Phark image replacement; remember to set width/height when extending */
    { text-indent: -9999px; display: block; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }