body {
overflow-x:hidden;
font-weight:400;
padding:0px;
margin:0px;
color:#333;
}
a {
transition:all .2s linear; 
}

/**************************** HEADER ****************************/

header {
min-height:185px;
width:100%;
}
.head-izq {
float:left;
width:50%;
}
.head-izq img {
margin-top:20px;
}
.head-der {
text-align:right;
float:right;
width:50%;
}
.head-phone {
font:normal 36px/36px 'FUENTE04';
letter-spacing:-0.05em;
margin-top:20px;
color:#F49031;
}
.head-mail {
font:normal 28px/32px 'FUENTE01';
letter-spacing:-0.02em;
margin-top:5px;
color:#74777D;
}
.head-web {
font:normal 24px/30px 'FUENTE02';
color:#74777D;
}
.head-mail a, .head-web a {
transition:all .2s linear; 
text-decoration:none;
color:#74777D;
}
.head-mail a:hover, .head-web a:hover {
transition:all .2s linear; 
text-decoration:none;
color:#74777D;
opacity:0.6;
}
.encabezado {
position:relative;
width:100%;
}
.slider01 {
background:url(images/slider01.jpg) no-repeat top center;
background-size:cover;
height:478px;
padding:0px;
}
.slider02 {
background:url(images/slider02.jpg) no-repeat top center;
background-size:cover;
height:478px;
padding:0px;
}
.slider03 {
background:url(images/slider03.jpg) no-repeat top center;
background-size:cover;
height:478px;
padding:0px;
}
.bloque {
margin-left:auto; margin-right:auto;
position:absolute; z-index:999;
text-align:-webkit-right;
left:0; right:0; 
height:315px;
bottom:55px;
}
.negro {
background:rgba(0, 0, 0, 0.60);
border-radius:10px;
max-width:510px;
text-align:left;
height:315px;
}
.negro h2 {
font:normal 70px/66px 'FUENTE04';
letter-spacing:-0.03em;
padding:26px 0 0 33px;
color:#FFF;
margin:0px;
}
.negro h3 {
font:normal 36px/40px 'FUENTE01';
text-transform:uppercase;
padding:47px 20px 0 11px;
color:#F49031;
margin:0px;
}
.negro img {
margin-left:8px;
margin-top:23px;
float:left;
}
.top-superior {
background:url(images/fond-bloq-superior.png) no-repeat top;
background-size:cover;
position:absolute;
height:200px;
z-index:999;
width:100%;
top:-54px;
left:0px;
}
.cuerpo {
background: url(images/fond-bloq-inferior.png) no-repeat 0 -50px;
background-size:100%;
margin-top:1px;
}
.cuerpo-izq {
width:calc(100% - 452px);
position:relative;
padding-top:43px;
float:left;
}
.cuerpo-izq h3 {
font:normal 48px/50px 'FUENTE04';
padding:0px;
margin:0px;
color:#FFF;
}
.cuerpo-izq h2 {
font:normal 30px/36px 'FUENTE02';
padding:0 30px 0 0;
margin:0px;
color:#FFF;
}
.foto01 {
margin:60px 0 0 65px;
float:left;
}
.foto02 {
margin:25px 0 0 45px;
float:left;
}
.caracteristicas {
width:100%;
clear:both;
}
.caracteristicas ul {
list-style-type:none;
padding:47px 0 0 0;
margin:0px;
}
.caracteristicas li {
background:url(images/im-flch-grs.png) no-repeat 19px 3px;
font:normal 30px/32px 'FUENTE01';
letter-spacing:-0.01em;
padding-bottom:24px;
padding-right:20px;
padding-left:64px;
color:#F49031;
}
.caracteristicas li:nth-child(even) {
background:url(images/im-flch-nar.png) no-repeat 19px 3px;
color:#74777E;
}
.envios {
position:absolute;
bottom:-43px;
z-index:999;
right:38px;
}
.fot01 {
padding:0 30px 0 0;
}
.fot02 {
padding:0 20px 0 10px;
}
.fot03 {
padding:0 10px 0 20px;
}
.fot04 {
padding:0 0 0 30px;
}
.fot04 img {
width:100%;
}

/**************************** FORMULARIO ****************************/

.cuerpo-der {
background:url(images/fond-form.png) repeat-x bottom #FFF;
border:1px solid #DEDEDE; border-bottom:1px solid #B1B1B1;
padding:0 35px 32px;
margin-bottom:55px;
border-radius:5px;
margin-top:99px;
width:452px;
float:right;
}
.titu-form {
font:normal 25px/30px 'FUENTE01';
letter-spacing:-0.01em;
margin:23px 0 21px 0;
color:#787B82;
}
.form-control {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
background-color:#FFFFFF; border:1px solid #C1C1C1; border-radius:5px; display:block;
height:39px; line-height:1.42857; padding-left:10px;
color:#777; margin-bottom:15px;
width:100%;
}
.area-control {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
background-color:#FFFFFF; border:1px solid #C1C1C1; border-radius:5px; display:block; padding-top:8px;
padding-left:10px; height:137px; line-height:1.42857;
color:#777; margin-bottom:15px;
width:100%;
}
.btn-block {
display:block;
}
.btn {
cursor:pointer; border:1px solid transparent; padding:6px 40px;
text-align:center; font:normal 24px/30px 'FUENTE04';
letter-spacing:normal; display:table;
margin:28px 0 0 0; border-radius:5px;
height:42px;
}
.btn-primary {
background:url(images/fond-boton.png) repeat-x;
transition:all .2s linear;
text-transform:uppercase;
background-color:#FFF;
color:#FFF;
border:0px;
}
.btn-primary:hover {
transition:all .2s linear;
background-color:#E6F9FA;
color:#FFD4AD;
border:0px;
}

/**************************** FOOTER ****************************/

.footer {
background:url(images/fond-inf.png) repeat-x top #F2F3F5;
min-height:202px;
margin-top:50px;
}
.footer .container {
position:relative;
}
.protege {
position:absolute;
right:0px;
top:-9px;
}
.footer h2 {
font:normal 36px/36px 'FUENTE05';
padding:30px 0 21px 0;
color:#F49031;
margin:0px;
}
.footer ul {
list-style-type:none;
padding:0px;
margin:0px;
clear:both;
width:100%;
}
.footer li {
font:normal 22px/28px 'FUENTE03';
text-transform:uppercase;
background:#74777E;
margin-right:20px;
padding:0 12px;
color:#FFF;
float:left;
}
.datos-contacto {
font:normal 34px/36px 'FUENTE01';
margin-top:27px;
color:#B9BBBF;
clear:both;
width:100%;
float:left;
}
.datos-contacto span {
font:normal 34px/36px 'FUENTE03';
padding:0 25px;
color:#B9BBBF;
}
.datos-contacto a {
transition:all .2s linear; 
text-decoration:none;
color:#B9BBBF;
}
.datos-contacto a:hover {
transition:all .2s linear; 
text-decoration:none;
color:#B9BBBF;
opacity:0.6;
}
.final {
background:#F49031;
margin-top:1px;
height:68px;
color:#FFF;
}
.final-izq {
font:normal 32px/36px 'FUENTE01';
padding-top:16px;
float:left;
width:70%;
}
.final-izq a {
font:normal 32px/36px 'FUENTE04';
transition:all .2s linear;
text-decoration:none;
color:#FFF;
}
.final-izq a:hover {
transition:all .2s linear;
opacity:0.7;
}
.final-der {
text-align:right;
margin-top:21px;
float:right;
width:30%;
}
.final-der img {
transition:all .2s linear;
}
.final-der img:hover {
transition:all .2s linear;
opacity:0.7;
}
.facebook {
position:absolute;
bottom:0px;
right:0px;
}

/**************************** GRACIAS ****************************/

.gracias {
text-align:center;
padding-top:180px;
min-height:500px;
}
.gracias h4 {
font:normal 40px/42px 'FUENTE04';
padding:0 30px 30px 30px;
color:#F49031;
margin:0px;
}
.gracias p {
font:normal 36px/42px 'FUENTE02';
padding:0 30px;
color:#74777E;
margin:0px;
}
.fix {
position:fixed;
width:100%;
bottom:0px;
left:0px;
}

/**************************** RESPONSIVE ****************************/

@media (max-width:1469px) {
.cuerpo {background:url(images/fond-bloq-inferior.png) no-repeat 0 -30px;}
}

@media (max-width:1229px) {
.encabezado .container {width:100%; padding:0 25px;}
.cuerpo .container {width:100%; padding:0 25px;}
.footer .container {width:100%; padding:0 25px;}
.final .container {width:100%; padding:0 25px;}
header .container {width:100%; padding:0 40px;}
.fotos {width:100%; padding:0 40px;}
}

@media (max-width:1195px) {
.cuerpo {background:url(images/fond-bloq-inferior.png) no-repeat 0 -10px;}
}

@media (max-width:1129px) {
.envios {bottom:-210px; right:0px;}
}

@media (max-width:1059px) {
.footer li {font:normal 20px/28px 'FUENTE03'; padding:3px 12px 0;}
}

@media (max-width:1019px) {
.final-izq a {font:normal 25px/36px 'FUENTE04';}	
.final-izq {font:normal 25px/36px 'FUENTE01';}
.envios {bottom:-190px; right:-50px;}
}

@media (max-width:991px) {
.datos-contacto {margin-top:14px;}
.footer li {margin-bottom:10px;}
.footer {padding-bottom:18px;}
.footer ul {width:70%;}
}

@media (max-width:949px) {
.foto01 {margin:60px 0 0 35px;}
}

@media (max-width:943px) {
.envios {bottom:-160px; right:-70px;}
}

@media (max-width:899px) {
.cuerpo {background: url(images/fond-bloq-inferior.png) no-repeat 0 -30px;}
.caracteristicas li {width:50%; float:left; padding-right:0px;}
.caracteristicas li:nth-child(odd) {clear:left;}
.envios {bottom:inherit; right:10px; top:205px;}
.head-phone {font:normal 32px/36px 'FUENTE04';}
.cuerpo-der {margin-top:20px; width:100%;}
.cuerpo-izq {width:100%;}
}

@media (max-width:839px) {
.facebook {bottom:-54px; left:10px;}
.footer {padding-bottom:68px;}
}

@media (max-width:809px) {
.final-der {position:absolute; right:20px; width:40%;}
.final-izq a {font:normal 25px/26px 'FUENTE04';}	
.final-izq {font:normal 25px/26px 'FUENTE01';}
.final-izq {padding-top:12px;}
.final {position:relative;}
.final {height:75px;}
}

@media (max-width:767px) {
.fotos .img-responsive {max-width:inherit; width:100%;}
.fot01 {padding:0 10px 0 0; margin-bottom:20px;}
.fot02 {padding:0 0 0 10px; margin-bottom:20px;}
.fotos .col-xs-3 {width:50%;}
.fot03 {padding:0 10px 0 0;}
.fot04 {padding:0 0 0 10px;}
}

@media (max-width:669px) {
.head-phone {font:normal 32px/36px 'FUENTE04';}
}

@media (max-width:639px) {
.foto01 {margin:60px 0 0 0;}
}

@media (max-width:599px) {
.head-phone {font:normal 30px/36px 'FUENTE04';}
.gracias p {font:normal 30px/35px 'FUENTE02';}
.final-der {top:53px; width:100%;}
.envios {top:190px; width:100px;}
.final-izq {width:90%;}
.final {height:115px;}
}

@media (max-width:579px) {
.datos-contacto span {font:normal 30px/36px 'FUENTE03'; padding:0 15px;}
.datos-contacto {font:normal 30px/36px 'FUENTE01';}
}

@media (max-width:559px) {
.negro h3 {font:normal 32px/36px 'FUENTE01';}
.negro h2 {font:normal 60px/66px 'FUENTE04';}
.negro h3 br {display:none;}
}

@media (max-width:549px) {
.head-phone {font:normal 32px/36px 'FUENTE04'; text-align:left; float:left;}
.head-izq {text-align:-webkit-center; width:100%;}
.head-mail {margin-top:22px;}
header {min-height:250px;}
.head-der {width:100%;}
}

@media (max-width:529px) {
.caracteristicas li {width:100%; clear:both;}
.foto02 {margin:25px 0 0 15px;}
}

@media (max-width:529px) {
.negro h3 {font:normal 28px/36px 'FUENTE01'; letter-spacing:-0.02em;}
}

@media (max-width:499px) {
.negro h2 {font:normal 48px/60px 'FUENTE04'; letter-spacing:-0.02em;}
.head-phone {font:normal 28px/36px 'FUENTE04';}
.datos-contacto a {clear:both; display:block;}
.negro {height:auto; padding-bottom:60px;}
.datos-contacto span {display:none;}
.negro img {width:50%; height:auto;}
.protege {top:79px; width:100px;}
.envios {top:275px;}
}

@media (max-width:459px) {
.cuerpo-izq h2 {font:normal 26px/28px 'FUENTE02'; padding:0px;}
.head-mail {margin-top:7px; clear:both; float:left;}
.cuerpo-izq h3 {font:normal 40px/50px 'FUENTE04';}
.head-phone {font:normal 32px/36px 'FUENTE04';}
.head-web {float:left; clear:both;}
header {min-height:295px;}
}

@media (max-width:445px) {
.negro img {margin:15px auto 0; float:none; display:block;}
.negro h3 {padding:0 25px 0 25px; clear:both;}
.negro h2 {padding:26px 0 0 25px;}
.negro {padding-bottom:20px;}
.bloque {bottom:80px;}
}

@media (max-width:413px) {
.cuerpo-izq h3 {font:normal 36px/50px 'FUENTE04';}
.negro h2 {font:normal 42px/60px 'FUENTE04';}
.protege {top:190px;}
}

@media (max-width:383px) {
.final-izq a {font:normal 24px/26px 'FUENTE04';}
.final-izq {font:normal 24px/26px 'FUENTE01';}
}

@media (max-width:374px) {
.final-izq {font:normal 22px/26px 'FUENTE01'; letter-spacing:-0.03em; width:100%;}
.negro h3 {font:normal 28px/33px 'FUENTE01'; padding:10px 25px 0;}
.caracteristicas li {font:normal 27px/32px 'FUENTE01';}
.cuerpo-izq h3 {font:normal 30px/50px 'FUENTE04';}
.titu-form {font:normal 24px/27px 'FUENTE01';}
.footer h2 {font:normal 32px/36px 'FUENTE05';}
.negro h2 {font:normal 33px/60px 'FUENTE04';}
.protege {width:80px; right:-10px;}
.envios {top:250px; right:-10px;}
.btn {padding:6px 0; width:100%;}
.cuerpo-izq {padding-top:28px;}
header {min-height:275px;}
.negro img {width:60%;}
.bloque {bottom:90px;}
.foto01 {width:40%;}
.foto02 {width:40%;}
}

/**************************** FUENTES ****************************/

@font-face {
font-family: 'FUENTE01';
src: url('fonts/AkBold.eot');
src: url('fonts/AkBold.eot?iefix') format('eot'),
url('fonts/AkBold.woff') format('woff'),
url('fonts/AkBold.ttf') format('truetype'),
url('fonts/AkBold.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}
@font-face {
font-family: 'FUENTE02';
src: url('fonts/AkCond.eot');
src: url('fonts/AkCond.eot?iefix') format('eot'),
url('fonts/AkCond.woff') format('woff'),
url('fonts/AkCond.ttf') format('truetype'),
url('fonts/AkCond.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}
@font-face {
font-family: 'FUENTE03';
src: url('fonts/AkLight.eot');
src: url('fonts/AkLight.eot?iefix') format('eot'),
url('fonts/AkLight.woff') format('woff'),
url('fonts/AkLight.ttf') format('truetype'),
url('fonts/AkLight.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}
@font-face {
font-family: 'FUENTE04';
src: url('fonts/AkExtra.eot');
src: url('fonts/AkExtra.eot?iefix') format('eot'),
url('fonts/AkExtra.woff') format('woff'),
url('fonts/AkExtra.ttf') format('truetype'),
url('fonts/AkExtra.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}
@font-face {
font-family: 'FUENTE05';
src: url('fonts/AkSuper.eot');
src: url('fonts/AkSuper.eot?iefix') format('eot'),
url('fonts/AkSuper.woff') format('woff'),
url('fonts/AkSuper.ttf') format('truetype'),
url('fonts/AkSuper.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
}