/* CSS Style - Created by: Martin Ondrejmiška NetSter (2013) */

/*                                                              Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } img { border: none; }

/*                                                           Všeobecné
------------------------------------------------------------------- */
html {                          min-height: 100%; height: 100%; }
body {                          color: #000; font: normal 11px Tahoma; line-height: 20px; height: 100%; background: #4390df url(img/back.png); }

.hidden {                       display: none!important; }

/*                                   Zarovnanie / Kontainer / Odstavce
------------------------------------------------------------------- */
.inner {                        width: 100%; float: left; }
.inner_half {                   width: 50%; float: left; } 
.inner_quarter {                width: 25%; float: left; } 

.float_right {                  float: right; }
.float_left {                   float: left; }

.align_center {                 text-align: center; }
.align_right {                  text-align: right; }
.align_left {                   text-align: left; }

p {                             padding: 5px 0 5px 0; color: #333; }
p.p {                           padding: 5px 10px 5px 10px; color: #333; text-indent: 5px; }

.strong {                       font-weight: bold; }

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1 {                            display: inline; font-weight: normal; font-size: 22px; color: #858585; }
h2 {                            display: block; font-weight: normal; padding: 0; margin: 0; width: 100%; font-size: 25px; padding-bottom: 20px; color: #000000; }
#add h2 {                       color: white; }
h3 {                            display: inline; font-weight: normal; font-size: 14px; color: #858585; }
h4 {                            display: inline; font-weight: normal; font-size: 13px; color: #858585; }
h5 {                            display: inline; font-weight: normal; font-size: 12px; color: #858585; }

/*                                                          Hyperlinky
------------------------------------------------------------------- */ 
a {                             color: #004cab; text-decoration: none; }
a:hover {                       color: #4088e1; text-decoration: underline; }

/*                                                            Formulár
------------------------------------------------------------------- */
input, textarea, select {           font: normal 11px Tahoma; color: #000; margin: 2px 0px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 2px 4px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input[type=checkbox] {              margin: 12px 5px 0px 5px; }
input[type=password],
input[type=text] {                  float: left; display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; padding: 0px 9px 0px 9px; border: solid 1px #f8f8f8; background: #feff90 url(img/textbox-1.png) top left repeat-x; } 
textarea {                          float: left; display: inline-block; line-height: 20px; vertical-align: middle; padding: 10px 9px 10px 9px; border: solid 1px #f8f8f8; background: #cfd4d5 url(img/textbox-1.png) top left repeat-x; } 
select {                            float: left; display: inline-block; height: 32px; line-height: 32px; vertical-align: middle; padding: 0px 9px 0px 9px; margin: 2px 0 0px 0; -webkit-appearance: none; -moz-appearance: none; line-height: normal !important; border: solid 1px #f8f8f8; background: rgba(255,255,255,0.1) url('img/textbox-1.png') repeat-x 0 0; }

input[type=submit] {                display: inline-block; height: 32px; line-height: 32px; vertical-align: middle; padding: 0px 9px 0px 9px; cursor: pointer; color: white; font-weight: bold; text-shadow: 0px 0px 3px black; border: solid 1px #61ed63; background: #007003 url(img/button-1.png) top left repeat-x;  }
input[type=submit].black {          background: #000 url(img/button-2.png) top left repeat-x; border: solid 1px #828282; }
input[type=submit]:hover {          background: #000 url(img/button-1-hover.png) top left repeat-x; }
input[type=submit].black:hover {    background: #000 url(img/button-2-hover.png) top left repeat-x; }

#content-right input, 
#content-right textarea, 
#content-right select {             -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 2px 4px #777; }

textarea:focus,
input[type=password]:focus,
input[type=text]:focus {            background: #feffda url(img/textbox-1-focus.png) top left repeat-x; }

select:focus {                      background: #feffda; }

/*                                                         Farby / Text
------------------------------------------------------------------- */
.red    {                       color: #ff0000; }
.green  {                       color: green; }
.silver {                       color: silver; }
.gray   {                       color: gray; }
.blue   {                       color: blue; }
.black  {                       color: black; }
.white  {                       color: white; }
.yellow {                       color: yellow; }
.orange {                       color: orange; }

.nostrong {                     font-weight: normal; }

/*                                                            Odrážky
------------------------------------------------------------------- */
li {                            padding: 3px; line-height: 15px; }

/*------------------------------------------------------------------- 
                                                           L a y o u t 
------------------------------------------------------------------- */

#content-center {               display: block; width: 920px; margin: 40px auto 40px auto; }
#content {                      float: left; display: table; width: 920px; background: white; white-space: nowrap; }
#add {                          display: table-cell; vertical-align: top; width: 300px; padding: 30px; background: #4d5e63; }
#list {                         float: right; display: inline-block; vertical-align: top; width: 500px; padding: 30px; }

#files-list {                   display: block; width: 100%; line-height: 30px; }
#files-list .item {             display: block; width: 98%; padding: 0 1%; border-bottom: 1px solid #cfd4d5; color: #485a70; }
#files-list .item:hover {       text-decoration: none; background: #feffda; }
#files-list .size {             float: right; color: #cfd4d5; }
#files-list .date {             float: right; width: 100px; text-align: right; color: #777; }