/** Generated by FG **/
@font-face {
    font-family: 'Cabrito-NorReg';
    src: url('fonts/insigne - Cabrito-NorReg.eot');
    src: local('☺'), url('fonts/insigne - Cabrito-NorReg.woff') format('woff'), url('fonts/insigne - Cabrito-NorReg.ttf') format('truetype'), url('fonts/insigne - Cabrito-NorReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, html a {
    -webkit-font-smoothing: antialiased !important;
}

body {
    background-color: white;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    color:black;
    font-size:12px;
    background: url("../img/pattern100-x.jpg") repeat-x;
    background-position: 0 80px;

}

div
{
    font-family:"Times New Roman", Times, serif;
}

#card {
    -webkit-transform-style: flat;
    -webkit-perspective: 2000;
    position: relative;
}

.back, .front {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    color: #fff;
    -moz-box-shadow: 0 0 5px #dedede;
    -webkit-box-shadow: 0 0 5px #dedede;
    box-shadow: 0 0 5px #dedede;
    border-radius: 0px;
}
.back {
    -webkit-transform: rotateX(180deg);
    overflow: hidden;
    background-color: #fff;
    padding: 20px 0 0 0 ;
    width: 297px;
    height: 173px;
    text-align: center;
}

.back .name{
    color: #d98397;
    font-size: 30px;
}

.back .address{
    color: #7a7a7a;;
    font-size: 14px;
}

.back .address a{
    color: #7a7a7a;;
    font-size: 14px;
    text-underline: none;
}

.front {
    background: #fff;
    text-align: center;
    padding: 50px 0 0 0 ;
    width: 297px;
    height: 143px;
    background-image: url(../img/edge.jpg);
    background-repeat: no-repeat;
    background-position: 264px 145px;
}
#card-container {
    display: inline-block;
    text-align: justify;
}
#card-container:hover .back, #card-container:active .back
{
    -webkit-transform: rotateX(0deg);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

#card-container:hover .front, #card-container:active .front {
    -webkit-transform: rotateX(-180deg);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.container{
    margin:200px auto;
    width: 300px;
}