@import url('../css/pin.css');
 @import url('../css/col.css');
 /*@import url('../css/img.css');*/
 
 html {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
 }
 
 body {
     margin: 0px auto;
     max-width: 100%;
     background: white;
     -webkit-animation: bugfix infinite 1s;
 }
 
 @-webkit-keyframes bugfix {
     from {
         padding: 0;
     }
     to {
         padding: 0;
     }
 }
 
 * {
     margin: 0px;
     padding: 0px;
 }
 /* adicionales 18-09-2021 */
 
 .adicional {
     padding: 50px;
     text-align: center !important;
     font-size: 25px;
 }
 
 .adicional p {
     font-size: 18px;
 }
 
 .adicional-bt {
     background: #3369e7;
     color: white;
     font-size: 18px;
     margin-top: 15px;
 }
 
 .adicional h3 {
     font-weight: normal;
 }
 
 h1,
 h2,
 h3 {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: lighter;
 }
 
 .contenedor-principal {
     margin: 0px auto;
     max-width: 1250px;
     background: white;
 }
 
 p {
     margin: 1px;
 }
 /* menu auxiliar*/
 
 .menu1 {
     /*background-image: url('https://scontent.fbog2-1.fna.fbcdn.net/v/t1.0-9/18664542_1389867174381695_3322532327263853427_n.jpg?oh=24cb9fc4292def3a517a2bb4bf6ad952&oe=5B24C8EB');
    background-position: center;
    background-size: cover;*/
     width: 100%;
     margin: 0px auto;
     height: 80px;
 }
 
 .anuncio1 {
     width: 100%;
     margin: 0px auto;
     background: #EEEEEC;
     color: #888A85;
 }
 
 .anuncio1 a {
     color: #888A85;
     text-decoration: none;
 }
 
 .anuncio1 a:hover {
     color: #555753;
 }
 
 .anuncio1-contenedor {
     padding: 6px 6px;
 }
 
 .m-l {
     float: left;
     padding: 30px;
 }
 
 .m-r {
     float: right;
     padding: 30px;
 }
 
 .m-c {
     text-align: center;
     padding: 27px;
     font-size: 24px;
     font-family: Arial, Helvetica, sans-serif;
 }
 
 .m-l a {
     text-decoration: none;
     color: #323232;
 }
 
 .m-r a {
     text-decoration: none;
     color: #323232;
 }
 
 .m-c img {
     width: 280px;
 }
 
 .menu2-a {
     padding: 10px;
 }
 
 .menu2-a a {
     padding: 20px;
     text-decoration: none;
     color: #323232;
 }
 
 .menu2-a a:hover {
     background: #D3D7CF;
 }
 /*menu lista*/
 
 #header {
     margin: auto;
     width: 500px;
     font-family: Arial, Helvetica, sans-serif;
 }
 
 ul,
 ol {
     list-style: none;
 }
 
 .nav>li {
     float: left;
 }
 
 .nav li a {
     background-color: #000;
     color: #fff;
     text-decoration: none;
     padding: 10px 12px;
     display: block;
 }
 
 .nav li a:hover {
     background-color: #434343;
 }
 
 .nav li ul {
     display: none;
     position: absolute;
     min-width: 140px;
 }
 
 .nav li:hover>ul {
     display: block;
 }
 
 .nav li ul li {
     position: relative;
 }
 
 .nav li ul li ul {
     right: -140px;
     top: 0px;
 }
 /* menu responsive*/
 
 input[type="checkbox"]#togglebox {
     /* checkbox used to toggle menu state */
     position: absolute;
     left: 0;
     top: 0;
     visibility: hidden;
 }
 
 label#navtoggler {
     /* Main label icon to toggle menu state */
     z-index: 9;
     display: block;
     position: relative;
     font-size: 8px;
     /* change font size to change label dimensions. Leave width/height below alone */
     width: 4em;
     height: 2.5em;
     top: 0;
     left: 0;
     text-indent: -1000px;
     border: 0.6em solid black;
     /* border color */
     border-width: 0.6em 0;
     cursor: pointer;
 }
 /*
 label#navtoggler::before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.6em;
  top: 50%;
   margin-top: -0.3em;
  left: 0;
  background: black; 
 }*/
 
 nav#expand-fullpagemenu {
     /* Full screen nav menu */
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     visibility: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transform: scale(0.9);
     /* initially scale down nav size */
     transform: scale(0.9);
     background: white;
     display: block;
     position: fixed;
     z-index: 100;
     opacity: 0;
     text-align: center;
     overflow: auto;
     -moz-transition: visibility 0s 0.5s, opacity 0.5s, -moz-transform 0.5s;
     /* transition settings */
     -webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s;
     transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s;
 }
 
 input[type="checkbox"]#togglebox:checked~nav#expand-fullpagemenu {
     /* nav state when corresponding checkbox is checked */
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     -ms-transition-delay: 0s;
     -moz-transition-delay: 0s;
     -webkit-transition-delay: 0s;
     -transition-delay: 0s;
 }
 
 nav#expand-fullpagemenu label#closex {
     /* Large x close button inside nav */
     overflow: hidden;
     display: block;
     position: absolute;
     cursor: pointer;
     z-index: 10;
     top: 40px;
     left: 20px;
 }
 
 nav#expand-fullpagemenu label#closex::before,
 nav label#closex::after {
     /* render large cross inside close button */
     display: block;
     position: absolute;
     width: 100%;
 }
 /*
 nav#expand-fullpagemenu label#closex::after{ 
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
 }
  */
 
 nav#expand-fullpagemenu a {
     text-decoration: none;
     color: black;
 }
 
 nav#expand-fullpagemenu ul {
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     max-height: 100%;
     top: 50%;
     /* center UL vertically inside nav */
     -webkit-transform: translateY(-50%);
     /* center UL vertically inside nav */
     transform: translateY(-50%);
     font-size: 20px;
 }
 
 nav#expand-fullpagemenu ul li {
     margin-bottom: 25px;
 }
 
 nav#expand-fullpagemenu ul li a {
     padding: 10px;
     border-radius: 20px;
 }
 
 nav#expand-fullpagemenu ul li a:hover {
     text-decoration: underline;
 }
 /*form*/
 
 input,
 select,
 textarea {
     padding: 10px 10px;
     border-radius: 3px;
     border: 1px solid #D3D7CF;
     margin-bottom: 6px;
 }
 
 .input-max {
     width: 100%;
     height: 50px;
 }
 
 .textarea-max {
     width: 100%;
     height: 110px;
 }
 /* botones */
 
 button {
     border: 0px solid white;
     padding: 10px 10px;
     border-radius: 3px;
     min-width: 150px;
     cursor: pointer;
 }
 
 .bt-max {
     width: 100%;
 }
 
 .bt-menu {
     font-size: 20px;
     background: #3369e7;
     color: white;
 }
 
 .bt-seccion-1-color {
     font-size: 18px;
     background: #3369e7;
     color: white;
     border: 0px solid white;
     cursor: pointer;
 }
 
 .bt-seccion-1-color:hover {
     background: #1B52D3;
     color: white;
 }
 
 .bt-seccion-1 {
     font-size: 18px;
     background: white;
     color: #323232;
     border: 1px solid white;
 }
 
 .bt-seccion-1:hover {
     background: #F3F3F3FF;
     color: #323232;
 }
 
 .bt-seccion-2 {
     font-size: 18px;
     background: white;
     color: #323232;
 }
 
 .bt-seccion-2:hover {
     background: white;
     color: #323232;
 }
 
 .bt-seccion-1-oculto {
     /*color anterior azul: 3369e7*/
     font-size: 16px;
     background: #00bb2d;
     color: white;
     font-weight: 300;
 }
 
 .bt-seccion-1-oculto:hover {
     background: #08a32c;
     color: white;
 }
 
 .bt-whatsapp {
     background: #1DC55C;
     color: white;
 }
 /*secciones*/
 
 .s-space {
     padding: 10px;
 }
 
 .seccion-1 {
     width: 100%;
     margin: 0px auto;
 }
 
 .seccion-1 h1,
 h2,
 h3 {
     font-family: 'Open Sans', sans-serif;
 }
 
 .s-img {
     background-position: center;
     background-size: cover;
     height: 450px;
 }
 
 .s-img-100-1 {
     background-image: url("../new-img/vajillas_header.jpg");
 }
 
 .s-img-100-2 {
     background-image: url("../new-img/cafe.jpg");
 }
 
 .s-img-100-3 {
     background-image: url("../img/b9.JPG");
 }
 
 .s-img-100-4 {
     background-image: url("../new-img/taller.jpg");
 }
 
 .s-img-100-producto {
     background-image: url("../img/b3.JPG");
 }
 
 .s-img-100-vajillas {
     background-image: url("../new-img/p-vajillas.jpg");
 }
 
 .s-img-100-macetas {
     background-image: url("../new-img/bonsai.jpg");
 }
 
 .s-img-100-baldosas {
     background-image: url("../new-img/baldosas.jpg");
 }
 
 .s-img-100-cafe {
     background-image: url("../new-img/p-cafe.jpg");
 }
 
 .s-img-100-taller {
     background-image: url("../img/b10.JPG");
 }
 
 .s-img-100-nosotros {
     background-image: url("../new-img/taller.jpg");
 }
 
 .s-img-100-floreros {
     background-image: url("https://www.frayangelicoceramicas.com/new-img/floreros.jpeg");
 }
 
 .s-img-100-urnas-personas {
     background-image: url("../urnas-funerarias/urnas-funerarias8.jpg");
 }
 
 .s-call-lateral {
     padding-top: 150px;
     display: block;
     float: left;
     padding-left: 60px;
 }
 
 .s-call-lateral h2 {
     font-weight: 400;
     color: white;
     font-size: 56px;
 }
 
 .s-call-lateral h3 {
     font-weight: 400;
     color: white;
     font-size: 28px;
     padding-bottom: 10px;
 }
 
 .s-call {
     padding-top: 150px;
     display: block;
     text-align: center;
 }
 
 .s-call h2 {
     font-weight: 400;
     color: white;
     font-size: 56px;
 }
 
 .s-call h3 {
     font-weight: 400;
     color: white;
     font-size: 28px;
     padding-bottom: 10px;
 }
 
 .s-call-oculto {
     display: none;
 }
 
 .s-call-oculto h2 {
     font-weight: 400;
     color: #323232;
     font-size: 36px;
 }
 
 .s-call-oculto h3 {
     font-weight: 400;
     color: #323232;
     font-size: 18px;
     padding-bottom: 10px;
 }
 
 .s-call-50 {
     text-align: center;
     padding-top: 100px;
 }
 
 .s-call-50 h2 {
     font-weight: 400;
     font-size: 56px;
     color: white;
 }
 
 .s-call-50 h3 {
     font-weight: 400;
     font-size: 28px;
     color: white;
     padding-bottom: 10px;
 }
 
 .s-call-solo {
     text-align: center;
     padding: 20px 20px;
 }
 
 .s-call-solo h2 {
     font-weight: 400;
     font-size: 56px;
     color: #323232;
 }
 
 .s-call-solo h3 {
     font-weight: 400;
     font-size: 28px;
     color: #343434;
     padding-bottom: 10px;
 }
 /*footer*/
 
 .footer {
     min-height: 200px;
 }
 
 .footer .col-pd-10 {
     padding: 40px;
 }
 
 .footer p,
 a,
 h2 {
     color: #555753;
 }
 
 .footer h2 {
     font-family: 'Open Sans', sans-serif;
     padding-bottom: 8px;
     font-weight: 400;
 }
 
 .footer ul li {
     padding: 6px;
 }
 
 .footer ul li a {
     text-decoration: none;
 }
 
 .footer ul li a:hover {
     text-decoration: underline;
 }
 /*producto*/
 
 .producto {}
 
 .producto .col-6 .col-pd h2 {
     font-weight: 400;
     font-size: 56px;
     color: #323232;
 }
 
 .producto .col-6 .col-pd h3 {
     font-weight: 400;
     font-size: 28px;
     color: #343434;
     padding-bottom: 10px;
 }
 /*laterales*/
 
 .s-call-lateral {
     display: block;
 }
 
 .s-call-lateral-form {
     float: right;
     margin-right: 140px;
     margin-top: 100px;
     width: 360px;
     min-height: 450px;
     background: #F7F6F6;
     position: relative;
 }
 
 .s-call-lateral-form-pestillo {
     background: #EEEEEC;
     height: 10px;
     width: 100%;
 }
 
 .s-call-lateral-form h2 {
     font-weight: 300;
     font-size: 28px;
     margin-top: 15px;
     margin-bottom: 15px;
 }
 
 .s-call-lateral-form p {
     color: #888A85;
 }
 
 .s-call-lateral-form-pd {
     padding: 30px;
 }
 
 .s-call-lateral-solo {
     float: left;
     padding: 20px 20px;
 }
 
 .s-call-lateral-solo h2 {
     font-weight: 400;
     font-size: 56px;
     color: #323232;
 }
 
 .s-call-lateral-solo h3 {
     font-weight: 400;
     font-size: 28px;
     color: #343434;
     padding-bottom: 10px;
 }
 
 .s-temp {
     margin-top: -70px;
 }
 
 .s-compacto {
     margin: 0px auto;
     max-width: 700px;
     text-align: justify;
     margin-top: 10px;
     padding: 20px;
 }
 
 .s-compacto h2 {
     font-weight: lighter;
 }
 
 #resp {
     text-align: center;
     padding: 3px;
     color: red;
     margin-top: 3px;
 }
 
 #resp_ok {
     color: #1DC55C;
 }
 /*media*/
 
 @media only screen and (max-width: 640px) {
     .m-l,
     .m-r {
         padding: 20px;
     }
     .m-c img {
         width: 190px;
     }
     .m-c {
         font-size: 16px;
         padding: 24px;
     }
     .menu1 {
         height: 60px;
     }
     [class*="col-"] {
         width: 100%;
     }
     .s-call-lateral-form {
         margin-top: 10px;
         max-width: 360px;
         min-height: 450px;
         background: #F7F6F6;
     }
     .s-call-lateral-movil {}
     .s-call-lateral-form {
         text-align: center;
         margin-right: 0px;
         margin-top: 250px;
         margin-bottom: 60px;
         width: 360px;
         min-height: 450px;
     }
     .bt-pc {
         display: none;
     }
     .bt-movil {
         display: block;
     }
     .s-call-lateral-solo h2 {
         font-weight: 400;
         font-size: 36px;
         color: #323232;
     }
     .s-call-lateral-solo h3 {
         font-weight: 400;
         font-size: 21px;
         color: #343434;
         padding-bottom: 10px;
     }
 }
 
 @media only screen and (max-width: 580px) {
     .s-call {
         display: none;
     }
     .s-img-100-1 {
         background-image: url("../new-img/vajillas_header.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-2 {
         background-image: url("../new-img/cafe.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-3 {
         background-image: url("../new-img/macetas.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-4 {
         background-image: url("../new-img/taller.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-producto {
         background-image: url("../img/b3.JPG");
         width: 100%;
         height: 290px;
     }
     .s-img-100-vajillas {
         background-image: url("../new-img/p-vajillas.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-nosotros {
         background-image: url("../new-img/taller.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-macetas {
         background-image: url("../new-img/bonsai.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-baldosas {
         background-image: url("../new-img/baldosas.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-cafe {
         background-image: url("../new-img/p-cafe.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-taller {
         background-image: url("../img/b10.JPG");
         width: 100%;
         height: 290px;
     }
     .s-img-100-urnas-personas {
         background-image: url("../urnas-funerarias/urnas-funerarias1.jpg");
         width: 100%;
         height: 290px;
     }
     .s-img-100-floreros {
         background-image: url("https://www.frayangelicoceramicas.com/new-img/floreros.jpeg");
         width: 100%;
         height: 290px;
     }
     .s-call-oculto {
         display: block;
         text-align: center;
         padding-top: 30px;
         padding-bottom: 30px;
     }
     .s-call-solo h2 {
         font-size: 36px;
     }
     .s-call-solo h3 {
         font-size: 18px;
     }
 }