﻿/* ------------------------------------------------------------------------------------------------------------------------ */

/* ESTILOS GERAIS */

body{display:table; margin:0 auto; background:#f4f4f4}

small{font-family:Arial, Sans-Serif; font-size:10px; color:#999}
hr{border:1px solid #ccc}

*{outline:none}
.blocoInputsComentaEnvia{display:table; margin: auto}
.tituloComntEnvia{padding:10px; background:#1e4620; text-align:center; color:#fff; font-family:Arial, Sans-Serif; text-transform:uppercase;  -webkit-border-radius:10px; border-radius:10px;}

.blocoInputsComentaEnvia ul{margin:0; padding:0; list-style:none}
    .blocoInputsComentaEnvia ul li{display:block; padding-bottom:10px; overflow:hidden;}
        .blocoInputsComentaEnvia ul li label{display:table-row; font-family:Arial, Sans-Serif; font-weight:bold; color:#666}
            .campoNomeEmail{display:block; padding:10px; width:200px; border:0; background:#ccc; -webkit-border-radius:5px; border-radius:5px;}
            .campoNomeEmail:hover, .campoNomeEmail:focus{color:#000; background:#999}
            
            .textAreaComentario{display:block; padding:10px; min-width:440px; max-width:440px; min-height:150px; max-height:150px; border:0; background:#ccc; font-family:Arian, Sans-Serif; font-style:italic; -webkit-border-radius:5px; border-radius:5px;}
            .textAreaComentario:hover, .textAreaComentario:focus{color:#000; background:#999}
    
            .campoDigitaCaptcha{display:block; padding:10px; width:150px; border:0; background:#ccc; -webkit-border-radius:5px; border-radius:5px;}
            .campoDigitaCaptcha:hover, .campoDigitaCaptcha:focus{color:#000; background:#999}

.campoNomeForm{display:table; float:left}
.campoEmailForm{display:table; float:left; padding-left:20px}
    
/* ------------------------------------------------------------------------------------------------------------------------ */

/* ESTILOS PARA O TEXTO DO PLACEHOLDER */

::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}

.campoNomeEmail:hover::-webkit-input-placeholder, .campoNomeEmail:focus::-webkit-input-placeholder {color: #ccc;}
.campoNomeEmail:hover:-moz-placeholder , .campoNomeEmail:focus:-moz-placeholder{color: #ccc;}
.campoNomeEmail:hover::-moz-placeholder  , .campoNomeEmail:focus::-moz-placeholder {color: #ccc;}
.campoNomeEmail:hover:-ms-input-placeholder , .campoNomeEmail:focus:-ms-input-placeholder{color: #ccc;}

.textAreaComentario:hover::-webkit-input-placeholder, .textAreaComentario:focus::-webkit-input-placeholder {color: #ccc;}
.textAreaComentario:hover:-moz-placeholder , .textAreaComentario:focus:-moz-placeholder{color: #ccc;}
.textAreaComentario:hover::-moz-placeholder  , .textAreaComentario:focus::-moz-placeholder {color: #ccc;}
.textAreaComentario:hover:-ms-input-placeholder , .textAreaComentario:focus:-ms-input-placeholder{color: #ccc;}

.campoDigitaCaptcha:hover::-webkit-input-placeholder, .campoDigitaCaptcha:focus::-webkit-input-placeholder {color: #ccc;}
.campoDigitaCaptcha:hover:-moz-placeholder , .campoDigitaCaptcha:focus:-moz-placeholder{color: #ccc;}
.campoDigitaCaptcha:hover::-moz-placeholder  , .campoDigitaCaptcha:focus::-moz-placeholder {color: #ccc;}
.campoDigitaCaptcha:hover:-ms-input-placeholder , .campoDigitaCaptcha:focus:-ms-input-placeholder{color: #ccc;}

/* ------------------------------------------------------------------------------------------------------------------------ */

/* CAPTCHA */

.blocoCaptcha{overflow:hidden;display:table; float:left}
.imgCaptcha{width:113px; height:51px; overflow:hidden; -webkit-border-radius:5px; border-radius:5px; float:left; margin-top:2px}
.inputCaptcha{width:170px; overflow:hidden; float:left; padding-left:10px;}
.btnComentar{padding:10px; border:0; -webkit-border-radius:5px; border-radius:5px; background:#1e4620; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer;margin-top:18px; display:table; float:right}
    .btnComentar:hover, .btnComentar:focus{background:#900}

/* ------------------------------------------------------------------------------------------------------------------------ */








