/* Curtain.js - Example page */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {clear:both;}
.cf { zoom:1;}

/* Base Style */
h1{font-size:38px;}
p{margin:1em 0 0 0;}

article{
    margin:0 auto;
    max-width:600px;
    padding:5em;
}
    article h1{text-align:center;}


/* Sliding panels */
.curtains>li {
    box-shadow:0 0 12px #666;
    background-color: rgb(255,255,255);
}
.cover-background{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

/* Specific */
#section-1{
    min-height:650px;
}

#section-2{
    min-height:650px;
}

#section-3{
    min-height:650px;
}

#section-4{
    min-height:650px;
}

#section-5{
    min-height:650px;
}

/*#section-3{
    background: url('http://placekitten.com/g/1400/1600') 0 0 no-repeat;
    color:white;
    text-shadow:0 1px 0 black;
}

#section-3 .fixed {
    position: fixed;
    top: 150px;
    left: 40px;
    width: 200px;
    z-index:20;
}*/

/* MENU */
/*
#menu{
    position:fixed;
    top:20px;
    left:20px;
    z-index:20;
    padding:10px;
    background-color:#000;
}
    #menu li{margin:0}
    #menu a{
        margin:0;
        color:#FFF;
    }
*/
/* STEP BY STEP */
li.step{margin:1em 0 0 0;}

.wave1{
    background: url("../img/backgrounds/onda1_02.png") repeat-x 20%;
    width: 100%;
    height: 173px;
    position: absolute;
    z-index: 9;
    margin-top: -138px;
}

.wave2{
    background: url("../img/backgrounds/onda2_02.png") repeat-x 100% 1%;
    width: 100%;
    height: 173px;
    position: absolute;
    z-index: 99;
    margin-top: -140px;
}