h3 {
    clear:both;
}
.left, .right, #cartao-footer {
    padding:10px;
}
#personalizacao {
    padding-top:20px;
}
#cartao-content .left {
    float:left;
    width:350px;
}
#cartao-content .right {
    float:right;
    width:265px;
}
#cartao-footer {
    clear:both;
}
#preview-frente {
    border:1px solid #ccc;
    background:#fff;
}
#preview-verso {
    border:1px solid #ccc;
    background:#fff;
}
#formato {
    padding:10px;
}
#icone-formato-vertical, #icone-formato-horizontal {
    background:#cadfef;
    border:1px solid #ccc;
    cursor:pointer;
}
#icone-formato-vertical { padding:10px 10px; }
#icone-formato-horizontal { padding:2px 20px; }

.miniaturas .horizontais {
    background:#eee;
    overflow-y:scroll;
    height:150px;
}
.miniaturas .verticais {
    background:#eee;
    overflow-y:scroll;
    height:178px;
}
.miniaturas .horizontais li {
    float:left;
    display:block;
    width:80px;
    text-align:center;;
}
.miniaturas .verticais li {
    float:left;
    display:block;
    width:80px;
    text-align:center;;
}
.miniaturas .horizontais img {
    padding:1px;
    border:1px solid #ccc;
    width:80px;
    height:70px;
}
.miniaturas .verticais img {
    padding:1px;
    border:1px solid #ccc;
    width:60px;
    height:80px;
}
.imagem-de-usuario li {
    display:inline;
}
.imagem-de-usuario img:hover {
    cursor:pointer;
}
.button:visited {
    background:#02a3ef;
    padding:2px 5px;
    font-size:12px;
    font-variant:small-caps;
    color:#fff;
    text-decoration:none;
    clear:both !important;
}
.button:hover {
    background:#02a3ef;
    padding:2px 5px;
    font-size:12px;
    font-variant:small-caps;
    color:#fff;
    text-decoration:none;
    clear:both !important;
}
.enviar-orcamento {
    background:#f00;
    padding:2px 5px;
    font-size:12px;
    font-variant:small-caps;
    color:#fff;
    text-decoration:none;
    clear:both !important;
}
.enviar-orcamento:visited {
    background:#f00;
    padding:2px 5px;
    font-size:12px;
    font-variant:small-caps;
    color:#fff;
    text-decoration:none;
    clear:both !important;
}
.enviar-orcamento:hover {
    background:#f00;
    padding:5px;
    font-size:12px;
    font-variant:small-caps;
    color:#fff;
    text-decoration:none;
    clear:both !important;
}
.enfeites {
    clear:both;
    margin-top:20px;
    background:#eee;
    padding:10px;
    overflow-y:scroll;
    height:80px;
}
.enfeites li {
    display:inline;
}
.enfeites li img {
    width:70px;
}
.createdimage-frente { position:absolute; z-index:10; }
.createdimage-frente span { display:none; }
.createdimage-frente img { border:2px dashed #ccc; }

.createdimage-verso { position:absolute; z-index:10; }
.createdimage-verso span { display:none; }
.createdimage-verso img { border:2px dashed #ccc; }

.front_createdtext {
    position:absolute;
    z-index:10;
}
.front_createdtext span {
    display:none;
}
.verso_createdtext {
    position:absolute;
    z-index:10;
}
.verso_createdtext span {
    display:none;
}
.closeimage {
    position:relative;
    display:block;
    text-align:right;
    font-weight:bold;
    color:#f00;
}
.closeimage:hover {
    cursor:pointer;
}
.closetext {
    position:relative;
    display:block;
    text-align:right;
    font-weight:bold;
    color:#f00;
    font-size:11px;
}
.closetext:hover {
    cursor:pointer;
}
.attention {
    background:#fbf2d6;
    padding:10px;
    margin-top:10px;
    border:1px solid #f8e19b;
    color:#e78511;
}
.tarja {
    position:absolute;
    background:#333;
    padding:10px 0;
    display:block;
    z-index:10;
}
dl dt {
    font-weight:bold;
    font-size:12px;
    padding-left:20px;
    width:220px;
}
dl dd {
    padding-left:50px;
    padding-bottom:20px;
}
.warning { color:#f00 }

#front-gerar-texto .text-to-card { width:170px; }
#front-gerar-texto #tamanho { width:78px; }
#verso-gerar-texto #tamanho { width:78px; }
