/* -------------------------------------------------------------------------------------

        ======== PROJECT INFO ==========================================================
        
        Project:		PBI Future
        Author:			Leemon Interactive [www.leemon.cz]
        Last update:	5.11.2012
        
        
        ======== STRUCTURE =============================================================
        
        01. Reset
        02. Layout

------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
   01. RESET
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,
small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
html, body {
    background: #ffffff url('../img/bg.jpg') bottom center no-repeat;
    font-family: "Trebuchet MS", Lucida, Helvetica, Arial sans-serif;
    font-size: 14px;
    color: #0e72b5;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 850px;
    line-height: 1.3em;
    position: relative;
    text-align: center;
}

/* -------------------------------------------------------------------------------------
   02. LAYOUT
------------------------------------------------------------------------------------- */
a {color: #562381;}
a:hover {text-decoration: none;}

#web {width: 100%; height: 100%; min-height: 700px; position: absolute; top: 0;}
#web .inner {width: 1160px; height: 100%; min-height: 700px; position: relative; margin: auto;}
h1 {width: 289px; height: 90px; background: url('../img/logotype.png') top center no-repeat; text-indent: -9999px; position: absolute; right: 0; top: 60px;}
.contact {position: absolute; top: 280px; left: 630px; text-align: left;}
.footer {position: absolute; bottom: 50px; right: 0px; font-size: 12px;}

div#shell {display: block; position: relative; margin: 0px auto; width: 100%; height: 318px;}
div#shell{z-index: 1;}

img#line1 {position: absolute; top: 160px; left: 30%; z-index: 3;}
img#line2 {position: absolute; z-index: 4; top: 208px; left: 20%;}
img#line3 {position: absolute; z-index: 2; top: 340px; right: 20%;}
img#line4 {position: absolute; top: 440px; right: 25%; z-index: 1;}
img#line5 {position: absolute; top: 640px; left: 25%; z-index: 5;}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {   
    #web .inner {width: 980px;}
    img#line3 {position: absolute; z-index: 2; top: 340px; right: 3%;}
}​