html                                                                  {height: 100%;}
body                                                                  {margin: 0; padding: 0; height: 100%; background: #fff; font-family: openlight, arial; color: #474444;}



#web                                                                  {width: 100%; height: 100%; min-height: 860px; float: left; position: relative;}
#web #header                                                          {width: 100%; height: 175px; position: absolute; top: 0; background: #fff url("../img/header.png") no-repeat; -webkit-background-size: 100% 4px; -moz-background-size: 100% 4px; background-size: 100% 4px;}
#web #header #menu                                                    {width: 990px; height: 85px; margin-top: 54px; margin-left: auto; margin-right: auto;}
#web #header #menu h1                                                 {margin: 0; padding: 0; font-size: 0;}
#web #header #menu h1 a                                               {width: 269px; height: 85px; float: left; background: url("../img/logo.png") no-repeat;}
#web #header #menu ul                                                 {width: auto; float: right; margin: 15px 0 0 0; padding: 0; position: relative; right: -19px;}
#web #header #menu li                                                 {float: left; list-style: none; height: 43px; border-top: 1px solid #fff; border-right: 1px solid #dbdcdc;}
#web #header #menu li.last                                            {border-right: 1px solid #fff;}
#web #header #menu li:hover                                           {border: 1px solid #dbdcdc; margin-left: -1px;}
#web #header #menu li a                                               {float: left; width: auto; height: 62px; padding: 0 18px 0 18px; font-family: openlight, arial; text-decoration: none; text-transform: uppercase; font-size: 15px; color: #474444; line-height: 44px;}
#web #header #menu li a:hover                                         {background: url("../img/li_hover.png") 50% 100% no-repeat;}

#web #obsah                                                           {width: 100%; position: absolute; top: 175px; bottom: 165px; z-index: 100; background: url("../img/background.png"); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; overflow: auto;}
#web #obsah #page #center                                             {width: 100%; height: 100%; float: left; border: 1px solid red;}
#web #obsah #page                                                     {width: 990px; height: 495px; position: absolute; top: 50%; left: 50%; margin-top: -247px; margin-left: -495px; overflow: hidden;}
#web #obsah #page #scroll                                             {width: 4950px; height: 495px; float: left;}
#web #obsah #page #scroll h3, h4, h5                                  {float: left; width: 950px; margin: 6px 0 4px 0; padding: 0; text-transform: uppercase; font-weight: normal; font-family: openbold;}
#web #obsah #page #scroll h3                                          {color: #474444; font-size: 20px;}
#web #obsah #page #scroll h4                                          {color: #2977ba; font-size: 18px;}
#web #obsah #page #scroll h5                                          {color: #bd1622; font-size: 16px;}
#web #obsah #page #scroll strong                                      {font-family: openbold; font-weight: normal;}
#web #obsah #page #scroll a                                           {text-decoration: none; font-family: openbold; color: #2977ba; }
#web #obsah #page #scroll a:hover                                     {text-decoration: underline;}

#web #obsah #page #scroll #home, #profil, #reference, #kontakt        {width: 990px; height: 495px; float: left;}
#web #obsah #page #scroll #profil, #reference, #high, #online         {padding: 0 20px 20px 20px; width: 950px; height: 475px; float: left; position: relative; overflow: auto;}
#web #obsah #page #scroll ul                                          {margin: 0; padding: 0 0 0 25px; }
#web #obsah #page #scroll li                                          {margin: 0; padding: 0; float: left; width: 100%; color: #474444; padding: 0 0 0 20px; line-height: 35px; list-style: none; background: url("../img/odrazka.png") 0 50% no-repeat;}

#web #obsah #page #scroll #profil                                     {background: #fff;}
#web #obsah #page #scroll #profil h2                                  {float: left; width: 950px; background: #93c01f; margin-left: -20px; margin-top: 0; margin-bottom: 30px; padding: 15px 20px 10px 20px; font-size: 25px; font-weight: normal; font-family: open; color: #fff; text-transform: uppercase;}
#web #obsah #page #scroll #profil p                                   {line-height: 25px;}

#web #obsah #page #scroll #reference                                  {background: #fff; text-align: center;}
#web #obsah #page #scroll #reference h2                               {float: left; width: 950px; background: #94c4e8; margin-left: -20px; margin-top: 0; margin-bottom: 60px; padding: 15px 20px 10px 20px; font-size: 25px; font-weight: normal; font-family: open; color: #fff; text-transform: uppercase; text-align: left;}
#web #obsah #page #scroll #reference p                                {line-height: 25px;}

#web #obsah #page #scroll #kontakt                                    {position: relative;}
#web #obsah #page #scroll #kontakt iframe                             {width: 1080px; height: 510px; float: left;}
#web #obsah #page #scroll #kontakt #udaje                             {width: 257px; height: 455px; padding: 20px; background: url("../img/black_transparent.png"); position: absolute; z-index: 999; right: 0;}
#web #obsah #page #scroll #kontakt #udaje p                           {color: #fefefe; font-size: 16px; float: left; margin: 0; padding: 0; line-height: 25px;}
#web #obsah #page #scroll #kontakt #udaje h2                          {color: #fefefe; font-size: 18px; float: left; font-family: openbold; margin: 9px 0 1px 0; padding: 0; font-weight: normal;}
#web #obsah #page #scroll #kontakt #udaje a                           {color: #fff;}
#web #obsah #page #scroll #kontakt #udaje a.back                      {position: absolute; bottom: 20px; left: 20px; color: #bcbdbd; font-size: 14px; text-transform: uppercase; text-decoration: none; font-family: openbold;}
#web #obsah #page #scroll #kontakt #udaje a.back:hover                {color: #2977ba;}

#web #obsah #page #scroll #high                                       {background: #fff;}
#web #obsah #page #scroll #high h2                                    {float: left; width: 950px; background: #f9bc2a; margin-left: -20px; margin-top: 0; margin-bottom: 30px; padding: 15px 20px 10px 20px; font-size: 25px; font-weight: normal; font-family: open; color: #fff; text-transform: uppercase;}
#web #obsah #page #scroll #high p                                     {line-height: 25px;}

#web #obsah #page #scroll #online                                     {background: #fff;}
#web #obsah #page #scroll #online h2                                  {float: left; width: 950px; background: #93c01f; margin-left: -20px; margin-top: 0; margin-bottom: 30px; padding: 15px 20px 10px 20px; font-size: 25px; font-weight: normal; font-family: open; color: #fff; text-transform: uppercase;}
#web #obsah #page #scroll #online p                                   {padding-left: 45px; font-size: 80%;}

#web #obsah #page #scroll #home span.home_nadpis                      {position: absolute; top: 0; right: 0; width: 270px; text-align: right; font-size: 25px; color: #474444; text-transform: uppercase;}
#web #obsah #page #scroll #home span.home_nadpis span.blue            {color: #2977ba; font-family: open;}
#web #obsah #page #scroll #home .radek                                {height: 164px; width: 100%; border: 0px solid red; float: left;}
#web #obsah #page #scroll #home .radek_2                              {height: 164px; width: 100%; border: 0px solid red; float: left;}
#web #obsah #page #scroll #home .radek fieldset                       {width: 164px; height: 164px; float: left; margin: 0 0 0 164px; padding: 0; border: 0; -webkit-transition-property: background, width; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: linear; -o-transition-property: background; -o-transition-duration: 0.3s; -o-transition-timing-function: linear; -moz-transition-property: background; -moz-transition-duration: 0.3s; -moz-transition-timing-function: linear; transition-property: background, width, height, margin; transition-duration: 0.3s; transition-timing-function: linear;}
#web #obsah #page #scroll #home .radek_2 fieldset                     {width: 164px; height: 164px; float: left; margin: 0 164px 0 0; padding: 0; border: 0; -webkit-transition-property: background; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: linear; -o-transition-property: background; -o-transition-duration: 0.4s; -o-transition-timing-function: linear; -moz-transition-property: background; -moz-transition-duration: 0.4s; -moz-transition-timing-function: linear; transition-property: background; transition-duration: 0.4s; transition-timing-function: linear;}

#web #obsah #page #scroll #home fieldset.box1                         {background: #f9bc2a url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box1:hover                   {background: #eaaa12 url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box2                         {background: #3d7c31 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box2:hover                   {background: #346f29 url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box3                         {background: #d06f00 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box3:hover                   {background: #bd6501 url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box4                         {background: #93c01f url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box4:hover                   {background: #86b116 url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box5                         {background: #497592 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box5:hover                   {background: #416d8a url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box6                         {background: #bd1622 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box6:hover                   {background: #a10d17 url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box7                         {background: #94c4e8 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box7:hover                   {background: #88badf url("../img/box_hover.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box8                         {background: #003865 url("../img/box.png") 0 0 no-repeat;}
#web #obsah #page #scroll #home fieldset.box8:hover                   {background: #003158 url("../img/box_hover.png") 0 0 no-repeat;}

#web #obsah #page #scroll #home .box_obsah                            {width: 164px; height: 164px; float: left; position: relative; z-index: 2; -webkit-transition-property: width; -webkit-transition-duration: 0s; -webkit-transition-timing-function: linear; -o-transition-property: width; -o-transition-duration: 0s; -o-transition-timing-function: linear; transition-property: width; transition-duration: 0s; transition-timing-function: linear;}
#web #obsah #page #scroll #home .box_obsah.active                     {position: absolute; top: 0; left: 0; width: 990px; height: 495px; background: #fff; z-index: 10; -webkit-transition-property: width; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: linear; -o-transition-property: width; -o-transition-duration: 0.3s; -o-transition-timing-function: linear; transition-property: width; transition-duration: 0.3s; transition-timing-function: linear;}
#web #obsah #page #scroll #home .box_obsah div                        {float: left; width: 164px; height: 164px;}
#web #obsah #page #scroll #home .box_obsah.active div                 {width: 495px; height: 495px; position: absolute; z-index: 999;}
#web #obsah #page #scroll #home .box_obsah.active div.b1              {background: #f9bc2a url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b2              {background: #3d7c31 url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b3              {background: #d06f00 url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b4              {background: #93c01f url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b5              {background: #497592 url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b6              {background: #bd1622 url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b7              {background: #94c4e8 url("../img/sipka_2.png") 0 50% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active div.b8              {background: #003865 url("../img/sipka_2.png") 0 50% no-repeat;}

#web #obsah #page #scroll #home .box_obsah .nadpis                    {width: auto; height: auto; position: absolute; bottom: 10px; right: 12px; font-size: 15px; color: #fff; text-transform: uppercase;}
#web #obsah #page #scroll #home .box_obsah .nadpis h2                 {float: right; margin: 0; padding: 0; width: 100%; font-size: 15px; text-align: right; font-family: openbold;}
#web #obsah #page #scroll #home .box_obsah .nadpis p                  {float: right; margin: 0; padding: 0; width: 100%; text-align: right;}
#web #obsah #page #scroll #home .box_obsah.active .nadpis             {width: auto; height: auto; position: absolute; bottom: 20px; right: 22px; font-size: 25px; color: #fff; text-transform: uppercase;}
#web #obsah #page #scroll #home .box_obsah.active .nadpis h2          {float: right; margin: 0; padding: 0; width: 100%; font-size: 25px; text-align: right;}
#web #obsah #page #scroll #home .box_obsah.active .nadpis p           {float: right; margin: 0; padding: 0; width: 100%; text-align: right;}

#web #obsah #page #scroll #home .box_obsah .popis                     {width: 0; height: 0; font-size: 0; transition-property: margin; transition-duration: 0.7s; transition-timing-function: linear; margin-right: 990px; -webkit-transition-property: margin; -webkit-transition-duration: 0.7s; -webkit-transition-timing-function: linear; -o-transition-property: margin; -o-transition-duration: 0.7s; -o-transition-timing-function: linear;}
#web #obsah #page #scroll #home .box_obsah .popis ul                  {list-style: none;}
#web #obsah #page #scroll #home .box_obsah .popis li                  {background: none; padding: 0; margin: 0;}
#web #obsah #page #scroll #home .box_obsah.active .popis              {width: 495px; height: 495px; position: relative; float: right; z-index: 10; margin-right: 0px; font-size: 15px; background: url("../img/stin.png") repeat-y;}
#web #obsah #page #scroll #home .box_obsah.active .popis ul           {float: left; width: 400px; margin: 60px 0 0 50px; padding: 0;}
#web #obsah #page #scroll #home .box_obsah.active .popis li           {float: left; width: 380px; color: #474444; font-size: 20px; margin: 5px 0 5px 0; padding: 0 0 0 20px; line-height: 25px; list-style: none; background: url("../img/odrazka.png") 0 0% no-repeat;}
#web #obsah #page #scroll #home .box_obsah.active .popis a.back       {position: absolute; bottom: 20px; right: 20px; color: #bcbdbd; font-size: 14px; text-transform: uppercase; text-decoration: none; font-family: openbold;}
#web #obsah #page #scroll #home .box_obsah.active .popis a.back:hover {color: #2977ba;}

#web #footer                                                          {width: 100%; height: 165px; position: absolute; bottom: 0; z-index: 1; background: #fff url("../img/footer.png") 0 100% no-repeat; -webkit-background-size: 100% 4px; -moz-background-size: 100% 4px; background-size: 100% 4px;}
#web #footer #footer_obsah                                            {width: 990px; margin-left: auto; margin-right: auto; margin-top: 57px; text-align: center; position: relative;}
#web #footer #footer_obsah a                                          {text-decoration: none;}
#web #footer #footer_obsah a span.link                                {border: 1px solid #cdcdcd; padding: 9px 20px 8px 20px; margin: 0 7px 0 7px; font-size: 17px; color: #6a6868; text-transform: uppercase;}
#web #footer #footer_obsah span.blue                                  {color: #2977ba; font-family: open;}
#web #footer #footer_obsah a span.link span.blue                      {color: #2977ba; font-family: openbold;}
#web #footer #footer_obsah a:hover span.link                          {background: #2977ba; border: 1px solid #2977ba; color: #fff;}
#web #footer #footer_obsah a:hover span.link span.blue                {color: #fff;}
#web #footer #footer_obsah p                                          {font-size: 13px; margin: 43px 0 0 0;}

iframe                                                                {border: 0;}
a img                                                                 {border: 0;}

@font-face {
    font-family: 'openlight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openlight.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'openbold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openbold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}