* { margin: 0; padding: 0; }

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

::-webkit-input-placeholder {
   color: #386681;
   font-weight: 900;
   font-size: 13px;
   letter-spacing: 0.5px;
}
:-moz-placeholder { /* Firefox 18- */
   color: #386681;
   font-weight: 900;
   font-size: 13px;
   letter-spacing: 0.5px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #386681;
   font-weight: 900;
   font-size: 13px;
   letter-spacing: 0.5px;
}

:-ms-input-placeholder {
   color: #386681;
   font-weight: 900;
   font-size: 13px;
   letter-spacing: 0.5px;
}

html{width: 100%; height: 100%;}
body {width: 100%; margin: 0; padding: 0; font-family: 'Lato', sans-serif;}
#wrap { width: 100%; height: 100%;  }
/* == HEADER == */
#header{background: #fff; height: 113px;;}
#header img{margin-top: 24px; margin-left: 15px;}
#header p{
   font-size: 13px;
   color: #4C4C4C;
   font-weight: 600;
   letter-spacing: 1px;
   margin-top: 39px;
   float: right;
   width: 342px;
}
#header p b{color: #0C6AA5;}
.clear{clear: both;}
.alert-success{
background: #386681;
color: #fff;
text-align: center;
padding: 5px 0;
}
.alert-danger{
background: #BE4040;
color: #fff;
text-align: center;
padding: 5px 0;
}

/* == BANNER == */
#banner{ position: relative; height: 628px; background: url(images/banner.jpg) no-repeat center; min-width: 980px; margin-bottom: -125px;}
#banner #form{position: absolute;top: 305px;}
#banner #form span{float: left;width: 20px;height: 20px;margin-right: 5px;}
#banner span#nome{background: url(images/nome.png) no-repeat center;}
#banner span#telefone{background: url(images/telefone.png) no-repeat center;}
#banner #form input{background: transparent;border: none;color: #386681;font-size: 13px; padding-left: 5px; margin-bottom: 15px;}
#banner #form #form-ligamos{float: left;}
#banner #form #enviar{background: url(images/ligue-para-mim.png) no-repeat;width: 256px;height: 94px;float: right;position: relative;top: -12px;}
#banner #form button[type="submit"]{display: block;width: 233px;height: 74px;position: relative;top: 4px;left: 8px;cursor: pointer; text-indent: -999px;}

/* == CONTENT == */
#content{min-height: 470px;}
#servicos{overflow: hidden; width: 570px;float: left; margin-left: 15px; position: relative;z-index: 999;margin-bottom: 40px;;}
#content h1{color:#0C6AA5; font-size: 27px; font-weight: 900; margin-right: 10px; margin-bottom: 20px; line-height: 24px;}
#content h1 span{font-size: 22px; color:#444444; font-weight: 400;}
#servicos div span{padding-left: 30px; line-height: 25px; display: block;;}
#servicos span#implante{background: url(images/implante.png) no-repeat left center;}
#servicos span#implanto{background: url(images/implantodontia.png) no-repeat left center;}
#servicos span#protese{background: url(images/protese.png) no-repeat left center;}
#servicos span#clareamento{background: url(images/clareamento.png) no-repeat left center;}
#servicos span#facetas{background: url(images/facetas.png) no-repeat left center;}
#servicos span#lentes{background: url(images/lentes.png) no-repeat left center;}
#servicos span#resinas{background: url(images/resinas.png) no-repeat left center;}
#servicos span#prevencao{background: url(images/prevencao.png) no-repeat left center;}
#servicos span#cirurgias{background: url(images/cirurgias.png) no-repeat left center;}
#servicos span#emergencias{background: url(images/emergencia.png) no-repeat left center;}
#servicos span#atm{background: url(images/atm.png) no-repeat left center;}
.coluna-esquerda{float: left;}
.coluna-direita{float: right;}
#servicos p{float: left;margin: 0;}
#destaque{width: 329px;height: 406px;display: block;padding: 20px 40px;float: right;right: 26px;margin-top: -47px; margin-bottom: -40px; z-index: 9999; background: url(images/destaque.png) no-repeat; position: relative; }
#destaque h2{padding: 9px 20px;color: #fff;font-style: italic;font-weight: 900;font-size: 27px;}
#destaque ul{padding-left: 20px;padding-top: 13px;}
#destaque li{list-style: none;color: #fff;margin-bottom: 25px;}
#destaque img{margin: 12px 34px;}
#content #form{ position: relative; display: block; overflow: hidden; clear: both; padding: 0 15px; }
#content #form h2 {color:#0C6AA5; font-size: 27px; font-weight: 900; margin-right: 10px; margin-bottom: 20px;  line-height: 24px;}
#content #form h2 span{font-size: 22px; color:#444444; font-weight: 400;}
#content #form form{position: relative;display:block;overflow:hidden;clear:both;}
#content #form input{width: 100%;border: none; outline: none; background: #EEE;border-radius: 25px;height: 49px;padding: 10px 15px;border-bottom: 1px solid #aeaeae;border-right: 1px solid #aeaeae;margin:0 0 10px 0;;color: #666;;}
#content #form select{width: 100%;border: none; outline: none; background: #EEE;border-radius: 25px;height: 45px;padding: 10px;border-bottom: 1px solid #aeaeae;border-right: 1px solid #aeaeae;margin:0 0 12px 0;color: #666;}
#content #form textarea{width: 100%;height: 219px; outline: none; background: #EEEEEE;border-radius: 25px;border: none;resize: none;border-bottom: 1px solid #ADADAD;border-right: 1px solid #adadad;padding: 15px;margin:0 0 12px 0;color: #666;}
#content #form .esquerda{float: left;width: 40%;}
#content #form .direita{float: right;width: 55%;}
#content #form label{color: #0C6AA5;font-size: 13px;font-weight: 900;margin-left: 3px;}
#content #form #cont-nome{width: 100%;}
#content #form #cont-email{width: 100%;}
#content #form div#cont-telefone{width: 40%;float: left;}
#content #form #cont-area{width: 50%;float: right;}
#content #form #cont-mensagem{}
#content #form button[type="submit"]{clear: both; background: url(images/submit-contato.png) no-repeat;width: 195px;height: 52px;text-indent: -9999px;cursor: pointer;float: right; border: 0; font-size: 0; line-height: 0;}
#form small.help-block{font-weight: 700; font-size: 11px;}
.msg-sucesso, .msg-erro { clear: both; display: none; margin-top: 15px; font-weight: normal; line-height: 18px; }

/* == FOOTER == */
#footer{background: url(images/footer-bg.png) no-repeat center; width: 100%; min-width: 980px; height: 393px; overflow: hidden; padding-top:154px; margin-top: -100px;}
.inner{ width: 980px; margin: 0 auto;}
#footer #contato-footer{width: 325px;text-align: center;color: #fff;margin: 50px auto 0 auto;position: relative;right: 155px;}
#footer #contato-footer h2{font-size: 29px;font-style: italic;color: #0C6AA5;}
#footer #contato-footer p{font-size: 13px;color: #888888;}
#footer #contato-footer span{font-size: 13px;color: #888888;}
#footer #contato-footer span b{font-weight: 900;color: #0C6AA5;}
#footer #contato-footer a{color: #888888; text-decoration: none;}