@font-face {
font-family: "ComicNeue";
src: url("estilos/letra/ComicNeue-Regular.ttf");
}
@font-face {
font-family: "Hotel Script";
src: url("estilos/letra/Hotel Script Font.ttf");
}
@font-face {
font-family: "ComicNeue";
src: url("estilos/letra/Rosewood.ttf");
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*******html*******/
html {
height: 100%;
}
/*******body*******/
body {
width: 100%;
height: 100%;
color:#000000;
background:#0d2738;
margin: 0px;
line-height:1rem;
text-align: center;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 13px;
}
/*******header*******/
#header {
width: 100%;
height: 7rem;
background:#0d2738;
left: 0; 
right: 0; 
top: 0; 
bottom: 0; 
position: fixed;
z-index:120;
text-align: center;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 13px;
}
#cuerpo {
background:#0d2738;
overflow-x: none;
overflow-y: none;
text-align: center;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 13px;
left: 0;
right: 0;
top: 0; 
bottom: 0;
padding-top:6rem;
margin-bottom: 0; 
width: 100%;
height: 89%;
}
#copyright {
top: 0; 
bottom: 0;
left: 0;
right: 0;
padding-top:1rem;
padding-bottom:1rem;
background:#0d2738;
color:#ffffff;
text-align: center;
vertical-align: middle;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height:2rem;
font-weight: bold;
width: 100%;
height: 4rem;
}
.normal {
margin: 0;
padding: 0;
width: 100%;
height:2rem;
color: #000000;
border:1px solid #000000;
border-radius: 5px;
text-align: center;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 13px;
vertical-align: middle;
}
.row {
margin:0;
width: 100%;
float: left;
padding-bottom:1px;
padding-top:1px;
font-family: 'ComicNeue';
white-space: normal;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-15, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-25, .col-xs-26, .col-xs-left, .col-xs-right{
position: relative;
min-height: 10px;
float: left;
padding-right: 5px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
font-family: 'ComicNeue';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height:1.5rem;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
::-webkit-input-placeholder {
color: #000000;
font-size: 15px;
text-align:center;
font-family:'ComicNeue';
}
::-moz-placeholder {
color: #000000;
font-size: 15px;
text-align:center;
font-family:'ComicNeue';
}
:-ms-input-placeholder {
color: #000000;
font-size: 15px;
text-align:center;
font-family:'ComicNeue';
}
@media only screen and (min-width: 001px) and (max-width: 500px){
.cabeceramovil{
display:true;
}
.cabeceralap{
display:none;
}
#lap{
display:none;
}
#movil{
display:true;
}

.imguno{
margin-top:-6rem;
z-index:1
}
.imguno img{
width: 100%;
height: 160%;

}
.imgdos{
margin-top:-7rem;
z-index:2
}
.imgdos img{
width: 100%;
height: 150%;

}
.imgtres{
margin-top:1rem;
z-index:3
}
.imgtres img{
width: 100%;
height: 150%;

}

}
@media only screen and (min-width: 501px) and (max-width: 900px) {
.cabeceramovil{
display:true;
}
.cabeceralap{
display:none;
}
#lap{
display:none;
}
#movil{
display:true;
}

.imguno{
margin-top:-9rem;
z-index:1
}
.imguno img{
width: 70%;
height: 120%;

}
.imgdos{
margin-top:-9rem;
z-index:2
}
.imgdos img{
width: 90%;
height: 120%;

}
.imgtres{
margin-top:1rem;
z-index:3
}
.imgtres img{
width: 90%;
height: 140%;

}
}
@media only screen and (min-width: 901px) and (max-width: 1400px) {
textarea{
padding-top:1rem;
width: 95%;
height: 100%;
}
.cabeceramovil{
display:none;
}
.cabeceralap{
display:true;
}
#lap{
display:true;
}
#movil{
display:none;
}
.imguno{
margin-top:-4rem;
z-index:1
}
.imguno img{
padding-top:5rem;
width: 80%;
height: 140%;

}
.imgdos{
margin-top:1rem;
z-index:2
}
.imgdos img{
padding-top:1rem;
width: 85%;
height: 120%;

}
.imgtres{
margin-top:1rem;
z-index:3
}
.imgtres img{
padding-top:1rem;
width: 85%;
height: 120%;

}
}
@media only screen and (min-width: 1401px) and (max-width: 3000px) {
.cabeceramovil{
display:none;
}
.cabeceralap{
display:true;
}
#lap{
display:true;
}
#movil{
display:none;
}
.imguno{
margin-top:3rem;
z-index:1
}
.imguno img{
padding-top:1rem;
width: 70%;
height: 90%;
}
.imgdos{
margin-top:1rem;
z-index:2
}
.imgdos img{
padding-top:1rem;
width: 85%;
height: 100%;

}
.imgtres{
margin-top:1rem;
z-index:3
}
.imgtres img{
padding-top:1rem;
width: 85%;
height: 100%;

}
}