/*----------------------------------------------------------------------------*\
|* Štýl pre moje portfólio                                                    *|
|* Autor: Márius Rak                                                          *|
|* ---------------------------------------------------------------------------*| 
|* Štruktúra:                                                                 *|
|* - Hlavička: 855px width, 55px height;                                      *|
|* - Menu: 420px width, 55px height;                                          *|
|* - Referencie: 100% / 840px width, 235px height;                            *|
|* - Mainblock: width: 840px, auto height;                                    *|
|*----------------------------------------------------------------------------*|
|* Parts:                                                                     *|
|* 1 - Hlavné nastavenia                                                      *|
|* 2 - Obal všetkých prvkov                                                   *|
|* 3 - Hlavička                                                               *|
|* 3.1 - Menu                                                                 *|
|* 4 - Referencie                                                             *|
|* 4.1 - Pozadie                                                              *|
|* 4.2 - Hlavný obsah                                                         *|
|* 4.3 - Ovládanie                                                            *|
|* 5 - Obsah                                                                  *|
|* 6 - Pätička                                                                *|
|* 7 - Ostatné časti                                                          *|
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
|* 1 - Hlavné nastavenia                                                      *|
\*----------------------------------------------------------------------------*/
*{margin: 0;text-decoration: none;outline: none;}
html, body, #all {height: 100%;}
body
        {
         background: #071A2C url('../img/body-bg.png') repeat-x;
         text-align: center;
         color: #a0ebff;
         font: 14px verdana, sans-serif, arial;
         line-height: 140%;
         letter-spacing: 0.3px;
        }
h1
        {
         float: left;
        }
h2
        {
         font-family: Gentium, Georgia, Times, Serif;
         font-size: 24px;
         font-weight: normal;
         margin: 0 0 10px;
         border-bottom: 1px dashed #1e4f7a;
        }
p
        {
         margin-bottom: 10px;
        }
a
        {
         color: #51ACD9;         
         text-decoration: none;
        }
a:hover
        {
         color: #5185BD;
        }
a img
        {
         text-decoration: none;
         border: none;
        }
h3, ul, ul li
        {
         margin: 0;
         list-style-image: url('../img/odrazka.png');
        }
table tr td
        {
         vertical-align: top;
         padding-top: 2px;
         font-size: 14px;
        }
input, select, textarea
        {
         background: #0672cf url('../img/input.gif') repeat-x;
         color: #a0ebff;
         border: 1px solid #005fae;
         width: 200px;
        }
textarea
        {
         width: 200px;
         height: 150px;
        }
/*----------------------------------------------------------------------------*\
|* 3 - Hlavička                                                               *|
\*----------------------------------------------------------------------------*/
#header
        {
         width: 855px;
         height: 55px;
         margin: 25px auto 280px;
        }
/*----------------------------------------------------------------------------*\
|* 3.1 - Menu                                                                 *|
\*----------------------------------------------------------------------------*/
#menu
        {
         width: 420px;
         float: right;
         margin-top: 15px;
         position: relative;
         z-index: 4;
        }
#menu-center
        {
         width: 340px;
         height: 80px;
         background: url('../img/menu-bg.png') repeat-x bottom;
         overflow: visible;
         float: left;
         margin-top: -28px;
        }
#menu-left
        {
         width: 40px;
         height: 55px;
         overflow: hidden;
         float: left;
        }
#menu-right
        {
         width: 40px;
         height: 55px;
         overflow: hidden;
         float: right;
        }
/*----------------------------------------------------------------------------*\
|* 4 - Referencie                                                             *|
\*----------------------------------------------------------------------------*/
#ref
        {
         width: 100%;
         height: 235px;
         overflow: visible;
         background: url('../img/ref-bg.png');
         padding: 18px 0;
         position: absolute;
         left: 0;
         top: 80px;
         z-index: 3;
                 }
#ref-cont
        {
         width: 838px;
         height: 235px;
         background: url('../img/ref-cont.png');
         overflow: visible;
         margin: auto;
        }
#ref-hide
        {
         width: 30px;
         height: 235px;
         overflow: hidden;
         background: url('../img/ref-hide.png');
         float: right;
         margin-top: -235px;
        }
#ref-show
        {
         width: 35px;
         height: 270px;
         overflow: hidden;
         background: url('../img/ref-show.png');
         float: left;
         margin-top: 4px;
         top: 80px;
         left: 0px;
         position: absolute;
        }
#refs
        {
         width: 680px !important;
         padding: 20px 20px 0;
         overflow: hidden;
         float: left;
        }
#ref-prev, #ref-next
        {
         background: url('../img/ref-prev.png');
         margin-top: 100px;
         width: 40px;
         height: 40px;
         overflow: hidden;
         float: left;
        }
#ref-next
        {
         background: url('../img/ref-next.png');
         float: right;
        }
#refs ul li
        {
         margin: 20px 30px 0;
         width: 150px;
         height: 150px;
         padding: 15px;
         background: url('../img/ref-item.png');
         display: block;
         float: left;
        }
#refs ul li:hover
        {
         background-position: 180px 0;
        }
#overlay
        {
         position: absolute;
         width: 0;
         height: 0;
         overflow: hidden;
         background: black;
         z-index: 10;
         margin: 0 -100% -100% 0;
        }
#one-ref-show
        {
         position: absolute;
         width: 70%;
         height: 80%;
         top: 10%;
         left: 15%;
         background: #0e1b26;
         z-index: 12;
         border: 2px solid #ADD8E6;
         top: -200%;
         overflow: visible;
        }
#ref-ajax
        {
         width: 99%;
         height: 99%;
         overflow: auto;
         position: absolute;
         z-index: 13;
         text-align: justify;
         padding: 0.5% 0.5% 0 0.5%;
        }
#ref-ajax img#ref-img
        {
         float: left;
         margin: -1px 5px 0 0;
        }
#close
        {
         float: right;
         margin: -20px -20px 0 0;
         position: relative;
         z-index: 14;
        }
/*----------------------------------------------------------------------------*\
|*---------------------------------5 - Obsah----------------------------------*|
\*----------------------------------------------------------------------------*/
#all
        {
         width: 100%;
         height: auto;
         min-height: 100%;
         overflow: hidden;
         margin: 0 auto -105px;         
        }
#content
        {
         width: 840px;
         margin: auto;
         text-align: justify;
         padding-bottom: 105px;
         position: relative;
         z-index: 2;
        }
/*----------------------------------------------------------------------------*\
|*---------------------------------6 - Pätička--------------------------------*|
\*----------------------------------------------------------------------------*/
#footer
        {
         width: 100%;
         height: 105px;
         background: #006699 url('../img/foot.png');
         clear: both;
         position: relative;
         z-index: 9;
        }
#footer div
        {
         background: url('../img/foot-div.png') center 0px;
         width: 840px;
         height: 85px;
         margin: auto;
         padding: 20px 0 0;
         font-size: 11px;
         text-align: justify;
         line-height: 100%;
         letter-spacing: 0.1px;
         color: #071A2C;
        }
.clearfix:after
        {
         content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
        }
.clearfix
        {
         display: inline-block;
        }
* html .clearfix
        {
         height: 1%;
        }
.clearfix
        {
         display: block;
        }
/*----------------------------------------------------------------------------*\
|*----------------------------7 - Ostatné časti-------------------------------*|
\*----------------------------------------------------------------------------*/
#top
        {
         border-bottom: 1px dashed #1e4f7a;
        }
#bot-left
        {
         width: 47%;
         border-right: 1px dashed #1e4f7a;
         border-bottom: none;
         float: left;
         padding: 10px 25px 0 0;
        }
#bot-right
        {
         width: 47%;
         float: right;
         padding-top: 10px;
        }
table.ponuka
        {
         border: 1px #51ACD9 solid;
         border-bottom-width: 3px;
         border-collapse: collapse;
         font-size: 14px;
        }
table.ponuka tr td
        {
         max-width: 200px;
         vertical-align: top;
         padding: 3px;
         border: 1px #51ACD9 solid;
        }
table.ponuka tr td.popis
        {
         width: 200px;
        }
#cms
        {
         width: 300px;
         height: 150px;
         overflow: hidden;
         display: block;
         margin: auto;
         border: none;
         text-align: center;
        }
.schopnosti
        {
         margin: 15px 0 -20px 0;
        }
.ako-viem
        {
         margin-bottom: -8px;
        }