@charset "utf-8";
/* CSS Document */
body {background-color:#CECBE6}
* {padding:0; margin:0}
#pagina {max-width:900px; margin: 0 auto}

@font-face {
    font-family: "Brush Script MT";
    src: url(../fonts/BrushScript.eot); /* IE */
    src: local("Brush Script MT"), url(../fonts/BrushScript.TTF) format("truetype"), url(../fonts/BrushScript.woff) format("woff"), url(../fonts/BrushScript.otf) format("opentype"); /* resto de navegadores */
}
@font-face {
    font-family: "Calibri";
    src: url(../fonts/calibri.eot); /* IE */
    src: local("Calibri"), url(../fonts/calibri.TTF) format("truetype"), url(../fonts/calibri.woff) format("woff"), url(../fonts/calibri.otf) format("opentype"); /* resto de navegadores */
}
/*columnas*/
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {float:left; margin:0 0 0 0}
.c1 {width:7%}
.c2 {width:15.3%}
.c3 {width:23.8%}
.c4 {width:32.2%}
.c5 {width:40.8%}
.c6 {width:49.2%}
.c7 {width:57.6%}
.c8 {width:66.2%}
.c9 {width:74.6%}
.c10 {width:83%}
.c11 {width:91.5%}
.c12 {width:100%}
.end {margin:0}

/*IMAGENES*/
.c1 img, .c2 img, .c3 img, .c4 img, .c5 img, .c6 img, .c7 img, .c8 img, .c9 img, .c10 img, .c11 img, .c12 img {width:100%; display:block}

/*Estilos*/
.cabecera-movil {display:none}
.space {padding-top:2%; border:none}
.space-2 { display:block; padding-top:3%; padding-bottom:3%; border:none; height:10px}
.center {display:flex}
.center-y {justify-content:center; align-items:center; margin:auto}
.title { font-family:"Brush Script MT"; display:inline-block; font-size:400%; }
.title-fake { color:#CECBE6}
.title img {display:inline-block; text-align:center; width:50%}
.txt-right {font-family:"Calibri"; text-align:right; font-size:130%}
.txt-left {font-family:"Calibri"; text-align:left; font-size:130%}
#bordadotxt {font-family:"Calibri"; text-align:left; font-size:145%}
.txt-center {font-family:"Calibri"; text-align:center; font-size:130%}
.space-3 {border:none; padding-bottom:2%; height:1px; width:100%}
.txt-formulario {font-family:"Calibri"; text-align:center; font-size:130%; text-decoration:none; color:#FFF; background-color:#000; border-radius:5px}

/*formulario*/
.form {font-family: "Calibri"; color:#000; font-size:100%}
input, textarea, select, button {border-radius:5px; border:none; margin:0;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}

textarea {vertical-align: top;}
#enviar {margin-left:40%}
button {background-color:#000; color:#FFF; width:20%}
button:hover {background-color:#FFF; color:#000099; cursor:pointer}

.text-form {text-align:right}
.input-form {margin:0 auto}
#movil {display:none}

/*botón flotante*/

.whatsapp-button {display:block; position:fixed; bottom:30px; right:0px; float:right; z-index:100}
.whatsapp-button img {width:70%}
.whatsapp-button:hover {right:20px; transition:all ease-in 200ms}



@media all and (max-width:850px) {
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c0, .c11, .c12 {width:94%; float:left; margin:3%}
.cabecera-desktop {visibility:hidden; display:none}
.title {display:none; visibility:hidden}
.cabecera-movil {display:block}
.title-fake {display:none; visibility:hidden}
.title img {display:none; visibility:hidden}
#full {display:none}
#movil {display:block}
.form {font-family: "Calibri"; color:#000; font-size:80%}
.form-movil {text-align:center}
.input-form {margin:0 auto}
.txt-right {font-family:"Calibri"; text-align:right; font-size:130%}
.txt-left {font-family:"Calibri"; text-align:left; font-size:130%}
#bordadotxt {font-family:"Calibri"; text-align:left; font-size:145%}
.txt-center {font-family:"Calibri"; text-align:center; font-size:130%}
.ism-slider {width:95%}
.space-3 {border:none; padding-bottom:0; height:1px; width:100%}

.whatsapp-button {display:block; position:fixed; bottom:30px; right:0px; float:right; justify-content:right}
.whatsapp-button img {width:12%; margin-left:88%; margin-right:0}
.whatsapp-button:hover {right:20px; transition:all ease-in 200ms}

}

@media all and (max-width:720px) {
.space-3 {border:none; padding-bottom:0; height:auto; width:100%}
.title-fake {display:none; visibility:hidden}


}


@media all and (max-width:580px) {
.space-3 {border:none; padding-bottom:0; height:auto; width:100%}
.title-fake {display:none; visibility:hidden}


}


@media all and (max-width:460px) {
.space-3 {border:none; padding-bottom:0; height:auto; width:100%}
.title-fake {display:none; visibility:hidden}


}

@media all and (max-width:320px) {
.space-3 {border:none; padding-bottom:0; height:auto; width:100%}
.title-fake {display:none; visibility:hidden}


}