html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{list-style:none}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}s
img,video{height:auto;max-width:100%}
a { color: #333; }
a:hover { color: #222; }


body {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666; }

.aviso { min-height: 400px; }
.aviso p { font-weight: bold; color: #f25c25; margin: 20px; }

.tela { width: 320px; position: relative; margin-bottom: 50px; }
h4 { margin-top: 30px; font-size: 14px; color: #333; }
div.medidas { margin-left: 29px;}
div.medidas p { font-size: 16px; margin-left: 38px;  color: #F25C25; }
div.medidas p i { font-size: 14px;  }
#slider_x { width:234px; position:relative; top:7px; left:5px; }
#slider_y { height:150px; position:absolute; top:2px; left:251px; }
.subtitulo { font-size: 16px; }

label img { vertical-align: bottom; }
input, button, select, textarea{ border: 0;  margin: 0; outline: none; font-family: 'Open Sans', sans-serif;}
input:focus, input:hover {  }
input.medidas { color: #F25C25; text-align: left; padding: 0 10px; height: 55px; width: 64px; font-size: 36px; font-weight: bold; background:none; border-radius:5px;  }
input.medidas:first-child { text-align: right; margin-right: 0px; width: 86px; }
input.medidas:focus, input.medidas:hover { background-color: rgba(256,230,180,0.6) }
input.medidas::placeholder { font-size: 16px; color: #bbb; font-weight: normal; }
input.medidas + span { font-size: 20px; color: #666; position: relative; top: 0px; left: 0px; }
input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
input[type="radio"] + img { cursor: pointer; opacity: 0.3;  border: 0px solid #DDD; max-width: 100%; }
input[type="radio"]:hover + img { opacity: 0.7; }
input[type="radio"]:checked + img { border: 0px solid #191919; opacity: 1; }


#texto, #texto2 { font-size: 14px; font-weight: bold; padding: 15px 5px 15px 42px; }
#texto.aviso, #texto2.aviso { color: #111; background: #ffc930 url("../images/aviso.png") no-repeat left center; }
#texto.nome, #texto2.nome { color: #fff ; background: #F25C25 url("../images/check.png") no-repeat left center; padding-left: 53px; }
#texto.calculando, #texto2.calculando { color: #bbb; background: transparent url("../images/loading.gif") no-repeat left center; }

div.cotacao { margin: 20px 0; opacity: 0.2; color: #333; }
div.cotacao p.preco { font-size: 26px; font-weight: bold; height:34px; }
div.cotacao p.parcelamento { font-size: 14px; height:40px;}

#erro { display: none; padding: 15px; background-color: #fcf0f0; color: #6b0e0e; font-weight: bold; }
form.comprar { display: block; height: 90px; }
form.comprar button[type="submit"] { margin:10px 0; width: 100%; transition: background .2s; box-shadow: inset 0 -4px 0 rgba(0,0,0,.2); font-size: 16px; color: #FFF; padding: 15px 30px 15px 30px; background: #F25C25; cursor: pointer; }
form.comprar button[type="submit"]:hover { background-color: #FF7F50; }
form.comprar button[type="submit"]::before { font-family: "FontAwesome"; content: '\f291'; font-size: 20px; position: relative; top: 0; right: 7px; }
form.comprar button[type="submit"].loading { background-color: #999; }

form.frete { display: block; margin-top: 20px;}
form.frete input { padding:8px 16px; width: calc(50% - 5px); font-size: 20px; border: 1px solid #444; border-radius: 10px; text-align: center; }
form.frete button { padding:10px 16px; width:calc(50% - 5px); font-size:16px; border:1px solid #444; border-radius:10px; background:#FFF; color:#666; float:right; color:#444; cursor:pointer;  }
form.frete button:before { font-family: "FontAwesome"; content: "\f0d1"; font-size: 20px; margin-right: 7px; }
form.frete button:hover { background: #EEE; }
div.frete_cotacao { padding: 0 14px; }
div.frete_cotacao div { border-bottom: 1px solid #EEE; padding: 6px 0; }
div.frete_cotacao div:last-child { border-bottom: 0; }

a.material-icons { text-decoration: none; vertical-align: bottom; }
.slideToggle:before { content: "help"; }
.slideToggle:after { content: "expand_more"; }
.slideToggle.close:after { content: "expand_less"; }
.slideToggle + div { display: none; }
.slideToggle + div.slideUp:after { content: "expand_less"; }
.slideToggle + div ul { padding: 10px 20px 20px 20px; background: #f6f6f6; }
.slideToggle + div li { font-size: 14px; margin-top: 10px; }