/*body {
    padding:20px 0 0;
    font:14px/1.5 Arial, sans-serif;
    //text-align:center;
    color:#333;
    background:#ccc;
}*/

a {
    font-weight:bold;
    color:#346AA8;
}
a:hover,
a:focus,
a:active {
    text-decoration:none;
}

.drop-shadow {
    position:relative;
    width:100%;    
    //width: inherit;
    padding:1em; 
    margin:2em auto 5em; 
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
}

.drop-shadow:after{                 
    right:10px; 
    left:auto;
}

.round {
    -moz-border-radius:4px; 
    border-radius:4px;
}

.round:before,
.round:after { 
    //max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.round:after {
    -webkit-transform:rotate(3deg);   
    -moz-transform:rotate(3deg);  
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

.curls {
    border:1px solid #efefef; 
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
    border-radius:0 0 120px 120px / 0 0 6px 6px;
}

.curls:before,
.curls:after { 
    bottom:12px;
    max-width:200px;
    //max-width: max-content;
    height:55%;
    -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
    box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(-8deg) rotate(-4deg);
    -moz-transform:skew(-8deg) rotate(-4deg);
    -o-transform:skew(-8deg) rotate(-4deg);
    transform:skew(-8deg) rotate(-4deg);
} 

.curls:after { 
    -webkit-transform:skew(8deg) rotate(4deg); 
    -moz-transform:skew(8deg) rotate(4deg);     
    -o-transform:skew(8deg) rotate(4deg); 
    transform:skew(8deg) rotate(4deg);
}

.perspective:before {
    left:28px;
    bottom:8px;
    max-width:200px;
    height:35%;
    -webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
    box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(50deg);
    -moz-transform:skew(50deg);
    -o-transform:skew(50deg);
    transform:skew(50deg);
}

.perspective:after {
    display:none;
}

.raised:before {
    width:auto;
    right:10px;
    left:10px;
    bottom:0;
    -webkit-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
}

.rotated {
    -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.rotated *:first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.box {
   //position:absolute;
   width:auto;  
   //right:10px;
   //left:10px;
   //bottom:0;
    //width: inherit;
  // padding:1em; 
  // margin:2em auto 5em; 
   //background:#fff; 
}