/* W3.CSS FOLHAS DE ESTILOS DOMINIOS A VENDA */
/* ONLINK Internet - EEAS - 10/10/2021 */

/* estilos pagina em construcao dominio */
.imgfundo { position:absolute; z-index:50; width:100%; height:100%; margin:0px; padding:0px; }
.construcao { position:absolute; z-index:100; width:95%; color:#000; font-family:verdana; font-size:20px;  }
.nome { position:absolute; z-index:101; margin-left:35%; color:gold; font-family:verdana; }
.logo { position:absolute; z-index:102; margin-top:-30; }
.dominio { font: italic small-caps bold 3vw/3vw Arial, Helvetica, sans-serif; }
.avendadiv {position:relative; right: 0px; margin-left:50%; border: 0px solid #666666; border-radius: 10px; background:rgba(255, 255, 255, 0.7); padding:5px;}
.avendah2   {margin: 0px; padding: 0px; border: 0px none; outline: 0px none; vertical-align: baseline; background: none repeat scroll 0% 0% transparent; 
        pointer-events: auto; font-style: normal; font-size: 40px; line-height: 1em; color: black; letter-spacing: normal; orphans: 2; text-align: right; 
        text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
.avendaspam {margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-size: 4vw; line-height:1.2em; 
        font-family: anton, sans-serif; color: rgb(255, 255, 0);  }
.bordatxt {-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #333; -webkit-text-fill-color: navy;}
.clique { font-size:4vw; -webkit-text-stroke-width: 0px; -webkit-text-fill-color: blue; text-align:left;}

/* estilos da pagina de venda */
#idioma { position: absolute; float:right; padding: 0px; margin: 0px; top: -15px; right: 30px; }
#boox{background:linear-gradient(135deg,#3e002c,#0d002d,#004179) !important; background-image: fundo-listrado1.jpg;}
#box{ background-image: url("fundolistrado1.jpg"); border-radius: 10px; margin: 10px; padding: 20px;}
.conteudo {font-family: Arial, sans-serif; color:#FFF!important; background-color:#222;}
.titulo {font-family: Arial, sans-serif; color:#FFF!important;}
.txtdiv {position:relative; left: 0px; margin:0% 3%; border: 0px solid #666666; border-radius: 10px; background:rgba(255, 255, 255, 0.1); padding:10px;}
.listadom, a { text-align:center; color:yellow;}

/* INICIO estilos para o form */
* { box-sizing: border-box; }
input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
input[type=email], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
label { padding: 12px 12px 12px 0; display: inline-block; }
input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; }
input[type=submit]:hover { background-color: #45a049; }
.container { border-radius: 5px; background-color: #f2f2f2; background:rgba(255, 255, 255, 0.1); margin:0% 3%; padding: 10px; }
.col-25 { float: left; width: 25%; margin-top: 6px; }
.col-75 { float: left; width: 75%; margin-top: 6px; }

/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; }

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .col-25, .col-75, input[type=submit] { width: 100%; margin-top: 0; }
.clique { font-size:10px!important;}
.listadom a {font-size:28px!important; }
}
/* FIM estilos para o form */

.ccc {font:italic normal bold 12px/30px Arial, sans-serif; color:#FFF!important;}
