* {
box-sizing : border-box;
}
html {
font-size : 62.5%;
}
body {
margin : 0;
font-family : 'Poppins', sans-serif;
font-weight : 300;
letter-spacing : 0;
line-height : 26px;
font-size : 10px;
background-color: #F2F2F2;
}
#pantalla {
width : 100%;
height : auto;
position : relative;
float : left;
background-color : #f5f4f4;
}
.contenedor {
width : 1200px;
height : auto;
position : relative;
margin : 0 auto;
max-width : 100%;
overflow : hidden;
}
.contenedor-full {
width : 100%;
margin : 0 auto;
}
img, video {
max-width : 100%;
height : auto;
}
a {
text-decoration : none;
cursor : pointer;
}
h2 {
font-size : 2rem;
}
.btn {
background : grey;
border-radius : 28px;
color : #ffffff;
font-size : 1.6rem;
padding : 5px 20px 10px 20px;
text-decoration : none;
margin-top : 30px;
}
.btn:hover {
background : #3cb0fd;
background-image : linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration : none;
}
.to-top {
display : block;
background : url(../imagenes/to-top.svg) center center no-repeat;
width : 50px;
height : 50px;
position : fixed;
z-index : 98;
bottom : 50px;
right : 10px;
border-radius : 5px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.05);
background-color : rgba(180, 241, 0, 0.7);
}
.bg-nav {
width : 100%;
position : absolute;
top : 0;
margin-top : 0;
background-color : #f5f4f4;
z-index : 2;
}
hr {
opacity : 0.5;
}
.modal-windows {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
background-color : rgba(0, 0, 0, 0.9);
z-index : 99;
}
.spinner {
margin : 100px auto 0;
width : 70px;
text-align : center;
z-index : 9999;
}
.spinner > div {
width : 15px;
height : 15px;
background-color : white;
border-radius : 100%;
display : inline-block;
animation : sk-bouncedelay 1.4s ease-in-out infinite both;
}
.spinner .bounce1 {
animation-delay : -0.32s;
}
.spinner .bounce2 {
animation-delay : -0.16s;
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
transform : scale(0);
}
40% {
transform : scale(1.0);
}
}
.nav-marca {
position : relative;
height : 100px;
margin-top : 0;
z-index : 2;
}
.nav-marca img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : auto;
z-index : 2;
}
.bg-nav-menu {
position : absolute;
width : 100%;
height : 60px;
z-index : 2;
background-color : #363839;
}
.nav-menu {
position : relative;
float : left;
margin-top : 15px;
padding-top : 30px;
overflow : hidden;
}
.nav-menu ul {
width : auto;
position : relative;
float : left;
overflow : hidden;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
padding : 0.0;
z-index : 2;
text-align : center;
}
.nav-menu li {
width : auto;
position : relative;
float : left;
list-style : none;
overflow : hidden;
}
.nav-menu a {
width : 100%;
display : block;
text-align : center;
overflow : hidden;
font-weight : normal;
margin-right : 40px;
text-decoration : none;
font-size : 1.8rem;
/*letter-spacing : 3px;*/
color : white;
}
.nav-menu a:hover {
color : #6bf;
}
nav .mobile {
width : 100%;
background : #ffffff;
height : 60px;
line-height : 60px;
border-bottom : 1px solid #dddddd;
}
.hamburger {
background : none;
position : relative;
line-height : 45px;
padding : 5px 15px 0 15px;
color : white;
border : none;
font-size : 3rem;
cursor : pointer;
outline : none;
z-index : 98;
}
.cross {
background : none;
position : relative;
padding : 5px 15px 0 15px;
color : #999;
border : none;
font-size : 6rem;
line-height : 65px;
cursor : pointer;
outline : none;
z-index : 98;
}
.menu {
z-index : 98;
width : 100%;
background-color : #f1f1f1;
position : relative;
text-align : center;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
display : block;
padding : 15px 0 15px 0;
border-bottom : 1px solid #dddddd;
}
.menu li:hover {
display : block;
background : #ffffff;
padding : 15px 0 15px 0;
border-bottom : 1px solid #dddddd;
}
.menu ul li a {
display : block;
text-decoration : none;
margin : 0;
color : #666;
}
.nav-redes {
position : relative;
float : right;
margin-top : 34px;
width : 250px;
margin-right : 0;
padding-right : 0;
z-index : 3;
}
.nav-redes ul {
margin : 0 0;
overflow : hidden;
padding : 0 0 0 0;
}
.nav-redes li {
width : 23%;
display : block;
margin-right : 0;
margin-left : 4px;
float : right;
list-style : none;
}
.nav-redes a {
width : 100%;
height : auto;
text-align : center;
position : relative;
display : block;
margin-left : 0;
margin-right : 0;
text-decoration : none;
padding-top : 10px;
}
.nav-redes a:hover {
border : transparent solid 1px;
padding-top : 8px;
border-radius : 100%;
}
.nav-redes img {
width : 40px;
}
.cajas {
/*border:solid 2px red;*/
position : relative;
overflow : hidden;
}
.mudanzas, .guardamuebles, .presupuestos {
height : auto;
display : inline-block;
position : relative;
float : left;
text-align : center;
font-size : 2rem;
/*background-color : rgba(206, 208, 212, 0.7);*/
background-color: white;
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 10px;
}
.mudanzas:hover, .guardamuebles:hover, .presupuestos:hover {
/*background-color : rgba(206, 208, 212, 0.5);*/
background-color: #F2F2F2;
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 black;
}
.mudanzas a .guardamuebles a .presupuestos a {
display : block;
}
.mudanzas img, .guardamuebles img, .presupuestos img {
width : 200px;
padding: 15px 15px;
}
#mi-modal-guardamuebles, #mi-modal-mudanzas, #mi-modal-presupuestos {
position : relative;
width : 100%;
height : 100%;
opacity : 0.9700000286102294921875;
display : none;
}
#mi-modal-guardamuebles:target, #mi-modal-mudanzas:target, #mi-modal-presupuestos:target {
display : block;
}
.ventana-guardamuebles, .ventana-mudanzas, .ventana-presupuestos {
width : 100%;
padding : 0;
margin-top : 0;
margin-bottom: 10px;
text-align : center;
border-radius : 10px;
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/*background-color : rgba(206, 208, 212, 0.1)*/;
background-color: white;
}
.ventana-mudanzas h2 {
background-color : rgba(236, 190, 47, 0.8);
}
.ventana-guardamuebles h2 {
background-color : rgba(129, 193, 237, 1);
}
.ventana-presupuestos h2 {
background-color : rgba(197, 82, 98, 1);
}
#mi-modal-presupuestos {
position : relative;
float : left;
height : 100%;
}
.ventana-guardamuebles ul, .ventana-mudanzas ul {
font-family : 'Poppins', sans-serif;
font-size: 2rem;
list-style-type : none;
padding-left : 0;
color: #6A6A6A;
line-height : 40px;
margin-top : 15px;

}
.ventana-guardamuebles h2, .ventana-mudanzas h2, .ventana-presupuestos h2 {
padding : 10px;
margin-top : 0;
color : black;
font-size : 2rem;
border-radius : 10px 10px 0 0;
}
.ventana-guardamuebles p, .ventana-mudanzas p, .ventana-presupuestos p {
font-size : 2rem;
color: #6A6A6A;
font-weight : 300;
}
.cerrar-ventana-guardamuebles img a, .cerrar-ventana-mudanzas img a, .cerrar-ventana-presupuestos img a {
border : red solid 2px;
margin-top : 0;
display : block;
}
.cerrar-ventana-guardamuebles img, .cerrar-ventana-mudanzas img, .cerrar-ventana-presupuestos img {
width : 30px;
height : 30px;
overflow : hidden;
position : absolute;
top : 10px;
right : 20px;
}
.tarjeta-imagenes img{
margin:1px;
/*border:solid 2px red;*/
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 black;
}

.bg-modal-mudanzas, .bg-modal-guardamuebles, .bg-modal-presupuestos {
background-color : #f2f2f2;
}
form .form-group {
max-width : 500px;
min-width : 320px;
margin : 0 auto;
padding-right : 10px;
padding-left : 10px;
}
label .form-control {
position : absolute;
width : 2%;
margin-top : 4px;
vertical-align : center;
}
input, textarea {
width : 95.6427%;
height : 37px;
background : #efefef;
border-radius : 5px;
border : #dedede solid 1px;
padding : 10px;
padding-left : 40px;
margin-top : 3px;
font-size : 1.4rem;
color : #3a3a3a;
}
input:focus, textarea:focus {
border : #da251c solid 1px;
}
textarea {
height : 213px;
}
#submit {
width : 127px;
height : 38px;
border : none;
margin-top : 20px;
cursor : pointer;
padding-left : 10px;
}
#submit:hover {
opacity : 0.89999997615814208984375;
}
.bg-section {
/*background-color : #f5f4f4;*/
}
.mapa {
width : 100%;
height : 360px;
position : relative;
float : left;
}
.contacto {
height : 360px;
position : relative;
float : left;
overflow : hidden;
margin-top : 30px;
background-color : rgba(206, 208, 212, 0.5);
}
.contacto h3 {
text-align : center;
font-size : 3.2rem;
}
.h3 {
text-align : center;
position : absolute;
bottom : 0;
width : 100%;
}
.logo-datos-contacto {
margin-top : 50px;
width : 50%;
height : 100%;
position : absolute;
text-align : center;
}
.datos-contacto {
width : 50%;
height : 100%;
position : relative;
float : right;
margin-top : 50px;
font-size : 2rem;
text-align : center;
}
.datos-contacto p {
color : black;
font-size : 2rem;
}
.contacto-redes {
position : fixed;
right : 0;
top : 0;
background-color : transparent;
width : 50px;
z-index : 1;
}
.navigationMenu {
position : relative;
float : right;
padding-right : 0;
padding-top : 0;
margin-top : 0;
margin-right : 40px;
}
.navigationMenu li {
width : 40px;
height : 44px;
padding : 2px;
list-style : none;
}
.navigationMenu span {
width : 0;
right : 38px;
padding : 0;
position : absolute;
overflow : hidden;
font-size : 18px;
letter-spacing : 0.6px;
line-height : 39px;
transition : 0.25s;
}
.navigationMenu a {
width : 36px;
height : 38px;
display : block;
position : relative;
margin-top : -43px;
}
.navigationMenu a:hover span {
width : auto;
padding : 0 20px;
overflow : visible;
}
.navigationMenu a:hover {
text-decoration : none;
box-shadow : 0 0 5px #9ddff5;
}
.navigationMenu .facebook {
background-position : 0 0;
}
.navigationMenu .facebook:hover {
background-position : 0 -39px;
}
.navigationMenu .facebook span {
background-color : #3954A1;
color : white;
text-shadow : 1px 1px 0 black;
}
.navigationMenu .instagram {
background-position : -76px 0;
}
.navigationMenu .instagram:hover {
background-position : -76px -39px;
}
.navigationMenu .instagram span {
background-color : #BE3390;
color : white;
text-shadow : 1px 1px 0 black;
}
.navigationMenu .email {
background-position : -152px 0;
}
.navigationMenu .email:hover {
background-position : -152px -39px;
}
.navigationMenu .email span {
background-color : #1BA1F6;
color : white;
text-shadow : 1px 1px 0 black;
}
.navigationMenu .whatsapp span {
background-color : #25D366;
color : white;
text-shadow : 1px 1px 0 black;
letter-spacing : 2px;
}
a, a:visited, a:active {
color : white;
text-decoration : none;
outline : none;
font-size : 1.8rem;
font-family : 'Poppins', sans-serif;
}
a:hover {
text-decoration : none;
}
iframe {
width : 100%;
height : 100%;
max-height : 100%;
background-color : #DFDFDF;
}
footer {
position : absolute;
width : 100%;
background-color : #363839;
color : #ffffff;
}
footer a:hover {
color : #6bf;
}
hr {
margin-right : 30px;
opacity : 0.300000011920928955078125;
}
.contacto-footer, .nav-footer, .nav-redes-footer {
position : relative;
float : left;
z-index : 1;
margin-top : 0;
}
.contacto-footer-749 {
position : relative;
float : left;
width : 100%;
z-index : 4;
margin-bottom : 55px;
}
.contacto-footer ul, .contacto-footer-749 ul, .nav-footer ul, .nav-redes-footer ul {
list-style-type : none;
padding-left : 0;
}
.contacto-footer li, .contacto-footer-749 li {
width : 30px;
height : 30px;
float : left;
margin-right : 10px;
background-color : white;
border-radius : 50%;
}
.contacto-footer p, .contacto-footer-749 p {
font-size : 2rem;
margin-bottom : 15px;
}
.contacto-footer p {
margin-bottom : 15px;
}
.contacto-footer-749 .nav-redes-footer {
margin-top : 45px;
}
.nav-footer h4, .contacto-footer h4, .contacto-footer-749 h4, .nav-redes-footer h4 {
text-transform : uppercase;
font-size : 2rem;
font-weight : 400;
line-height : 1.5;
letter-spacing : 0;
}
.nav-footer li, .nav-redes-footer li {
list-style-type : none;
margin-left : 0;
}
.nav-footer a {
font-size : 1.8rem;
}
.nav-redes-footer, .nav-footer, .contacto-footer, .contacto-footer-749 {
margin-top : 10px;
}
.nav-redes-footer li {
width : 40px;
height : 40px;
float : left;
margin-right : 15px;
background-color : white;
border-radius : 50%;
}
.bg-pie-footer {
width : 100%;
height : 50px;
position : absolute;
bottom : 0;
overflow : hidden;
background-color : black;
}
.pie-footer {
width : 100%;
height : 40px;
display : block;
position : relative;
float : none;
margin-bottom : 0;
color : #ffffff;
font-size : 1.3rem;
text-align : center;
z-index : 3;
}