@font-face {font-family: Myraid Pro; src: url(fuentes/MyriadPro-Regular.otf) format('opentype');}
@font-face {font-family: Myraid Light; src: url(fuentes/MyriadPro-Light.otf) format('opentype');}
@font-face {font-family: Myraid Bold; src: url(fuentes/MyriadPro-Bold.otf) format('opentype');}
@font-face {font-family: Myraid Semibold; src: url(fuentes/MyriadPro-Semibold.otf) format('opentype');}
body{margin:0; overflow-x: hidden;} 
{font-family:Myraid light;}

/*contenido*/
#llamanos{background-color:#52BCEC; height:160px; margin:290px auto 0 auto;}
#llamanos b{ font-family:Myraid bold;}
#tel{width:1200px; margin:0 auto 0 auto;}
#formulario{ background-color:#a3a4a5; height:890px; margin:0 auto 0 auto;}
#formula{width:1200px; margin:0 auto 0 auto;}
#llamanos p{color:#FFF; text-align:center; font-size:50px; margin-top:-6px; line-height:43px;}
#llamanos img{margin-left: 550px; margin-top: 15px;}
#formb { position: absolute;width: 515px; margin-left:305px; background: #a3a4a5; color: #fff;font-size: 14px;padding: 15px 3%; margin-top:2px;}
#formb p { text-align: center; font-size: 20px;}
#formb b { font-family: Myraid bold;}
#formb input{ font-size:27px;}
.botonfib, .botonfib:link 
{padding:3px 130px;color: #fff;background: #52bcec ;margin-top: 30px;text-decoration: none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
hr{ height:3px; background-color:#cececf;}

/*pie de pagina*/
img.fa{ margin-left:168px; }
#contacto h1{ text-align: right;}
#contacto p{ font-size:19px; text-align:right;}
div#privacidad ul li{float: left; text-align: -webkit-center; font-family: Open Sans;font-size: 12px; list-style: none; text-decoration:none; color:#FFF; margin-top:32px;}
div#privacidad ul li a{ text-decoration:none; color:#FFF;}
div#privacidad p {color: white; font-size: 12px;margin-left: 580px; padding:31px;}
#mapa iframe{border:0;}

@media screen and (max-width:1210px)
{#llamanos{margin: 430px auto 0 auto;}
#tel{ width:7%;}
#llamanos img{ margin-left:0px;}
#formula{ width:43%;}
#formb{margin-left: 0px;}}

@media screen and (max-width:1024px)
{#tel{ width:12%;}
#formula{ width: 53%;}}

@media screen and (max-width:850px)
{#formula{ width:60%;}}

@media screen and (max-width:700px)
{#formula{ width:75%;}
 #tel{ width:12%;}}

@media screen and (max-width:600px)
{#formula{ width:100%;}
 #tel{ width:20%;}}
@media screen and (max-width:560px)
{#formb{ width:92%;}}
@media screen and (max-width:480px) 
{#llamanos{margin: 90% auto 0 auto;}
 #formb{ width:88%;}
 #formulario{ height: 990px;}}