@import url(Arial.ttf);
body {
   margin-top          : 0px;
    margin-left         : 0px;
    margin-right        : 0px;
    padding-bottom      : 0px;
    padding-top         : 0px;
    font-family         : Roboto, sans-serif;
    font-size           : 13px;
    color               : black;
    background-color    : #f2f2f2;
	}
th {
    border-top          : 0px solid #FFF;
    border-bottom       : 0px solid #FFF;
    border-left         : 0px solid #FFF;
    border-right        : 0px solid #FFF;
    color: #001a66;
    background-color: #fff;
}
td {
    border-top          : 0px solid #FFF;
    border-bottom       : 0px solid #FFF;
    border-left         : 0px solid #FFF;
    border-right        : 0px solid #FFF;
    color: #001a66;
}


#formcss {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2970ce+0,49c0f0+100 */
background: #2970ce; /* Old browsers */
background: -moz-linear-gradient(top, #2970ce 0%, #49c0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2970ce 0%,#49c0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2970ce 0%,#49c0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2970ce', endColorstr='#49c0f0',GradientType=0 ); /* IE6-9 */
height: 70px;
}

#pergunta {
font-family: Roboto, sans-serif;
text-align: left;
background-color: #404040;
color: #fff;
padding: 10px;
border-radius: 3px;
font-size: 13px;
}

#resposta {
font-family: Roboto, sans-serif;
text-align : right;
background-color: #cccccc;
color: #1a1a1a;
padding: 10px;
border-radius: 3px;
font-size: 13px;
}

#resposta td {
text-align : left;
}



#texto {
max-width: 275px;
width: 100%;
height: 40px;
background: #fff;
position: relative;
float: left;
border: 0 0 0 0;
padding: 0 0 0 20px;
margin: 15px 0 0 20px;
border-style: none;
font-family: Roboto, sans-serif;
color: #1383bc;
border-radius: 3px;
}
#enviar {
max-width: 40px;
width: 100%;
height: 40px;
position: relative;
/* float: right; */
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 15px 0 0 15px;
border-style: none;
background-image: url("/chatbot/BalaoChat_502.png");
background-repeat: no-repeat;
border-radius: 20px;
}

#framer {
frameborder: 0;
border: 0;
cellspacing: 0;
border-style: none;
width: 100%; 
height: 220px;
font-family: Roboto, sans-serif;
margin: 10px 20px 10px 20px;
max-width: 360px;
width: 100%;
/*box-shadow: 0px 5px 5px #d9d9d9;
background-color: #d8d9dd; */
}