@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body{
	text-align: center; 
	background-color: #fff;
}

 /*estilos generales*/
.sinpadding{padding: 0px;}
.centrarA{text-align: center;}
.centrarB{margin: 0 auto;}
.textImp1{color: #C59901;}
.textImp2{color: #018FDA;}
.bloqueTitulo{display: block; background-color: rgba(1,143,218,0.5);}
.letraGrande1{
  color:#FED54D;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 6em;
  letter-spacing: 2px;
  text-shadow: -5px -5px 5px #000;
}
 .cuadroFondo{
    /*background-color: #1094D2;*/
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: x-large;
    padding: 30px 0px;}
.cuadroFondo2{
    /*background-color: #1094D2;*/
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: large;
    padding: 20px 0px;}
.imGrande{width: 100%; max-width: 1400px; margin: 0 auto;}
#imgPrincipal{cursor: pointer;}
#imgPrincipal:hover{opacity: 0.6;}
.cajaImg{ padding: 5px;
}
.cajaImg img{
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
}
.cajaImg span{ color:#FFF; background: #777; display: block; padding: 3px;
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
}
.descripcion{text-align: left; padding: 5px; padding-left: 15px;}
.descripcion ul{list-style: none;}

/*estilo TITULO*/
.encabezado{ 
  /*background: rgba(254, 209, 58, 0.9);*/
  width: 100%;
  margin: 0px;
  /*margin top y bottom con mediaqueries*/
   }
.encabezado h1{
  color:#008FDA;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 2em;
  text-shadow: 2px 2px #fff;
}
.encabezado span{/*subtitulo*/
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  }

 /*estilos CAJAS*/ 
.caja-contenedor-general{
  width:100%; 
  max-width: 1200px; 
  margin:0 auto;
  background: #FFF;}
.subcaja{margin-bottom: 10px;}
#cajaPrimera{padding-top: 10px;}
#cajaPie{/*background: #000;*/}
/*EFECTOS PARALLAX*/
  .parallax{
background-repeat: no-repeat;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-attachment:fixed;
background-position: 0 0;
width: 100%; max-width: 1400px; margin: 0 auto;
  height: 500px;
}
.fabricantes{background-image:url("../../img/fabricacion.jpg");}
.rizo{background-image:url("../../img/rizo.jpg");}
.medida{background-image:url("../../img/medida-tapete.jpg");}
  .parallaxEspecial1{
background-image:url("../../img/variostapetes.jpg");
background-repeat: no-repeat;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-attachment:fixed;
width: 100%; max-width: 600px; margin: 0 auto;
  height: 350px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}}

/*COLECCION DE EFECTOS*/
.letrota{color:#008FDA;
  font-family: 'Open Sans', sans-serif;
  font-weight: bolder;
  font-size: 2em;}
 @media (min-width: 768px){
 .efecto1, .efecto2{
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 .efecto1:hover{
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transform: scale(0.9); /* IE 9 */
  -moz-transform: scale(0.9); /* Safari */
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform: scale(0.9); /* Safari */
  transform: scale(0.9);
 }

 .efecto2:hover{
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transform: scale(1.1); /* IE 9 */
  -moz-transform: scale(1.1); /* Safari */
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari */
  transform: scale(1.1);
 }
}/*TERMINA COLECCION DE EFECTOS*/


/*PERSONALIZA BOTÓN DE COTIZACIÓN*/
#contenedor-botoncotizacion{
  z-index: 1000;
  width:100%;
  position:fixed;
}
#subcontenedor-botoncotizacion{
  width:100%;
  min-width:240px;
  max-width:1200px;
  margin:0px auto;
  margin-top:0px;
  padding:0;
}
#subcontenedor-botoncotizacion ul{
  display:inline;
  list-style:none;
  padding: 0;
  }
#subcontenedor-botoncotizacion ul li{
  cursor:pointer;
  display:block;
  height:40px;
  letter-spacing:2px;
  font-weight:bold;
  font-size:medium;
  text-align: center;
  max-width:1200px;
  width: 100%;
  padding-top:10px;
  padding-bottom: 3px;
    } 
    
.color-boton{
  background:#FED54D;
  color:#000;
}
.color-boton:hover{
  background:#008FDA;
  color:#FFF;
}
@media (min-width: 992px) {
#subcontenedor-botoncotizacion ul li{
  border-radius:0px 0px 5px 5px;
  -webkit-border-radius:0px 0px 5px 5px;
  -moz-border-radius:0px 0px 5px 5px;
  -ms-border-radius:0px 0px 5px 5px;
  -o-border-radius:0px 0px 5px 5px;
  box-shadow:#000 1px 2px 3px;
  -moz-box-shadow:#000 1px 2px 3px;
  -ms-box-shadow:#000 1px 2px 3px;
  -o-box-shadow:#000 1px 2px 3px;
  -webkit-box-shadow:#000 1px 2px 3px;
}
  }

/*PERSONALIZA BOTÓN VOLVER ARRIBA*/
#volverArriba {
    position: fixed;
    padding: 20px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    cursor: pointer;
    background-color: #7FFF00;
    font-size: xx-large;
}

/*PERSONALIZA BOTÓN FACEBOOK*/
#facebook {
    position: fixed;
    padding: 5px;
    padding-left: 0px;
    top: 150px;
    left: 0px;
    z-index: 1100;
    cursor: pointer;
    background-color: #3B5998;
    width: 10%; min-width: 50px; max-width: 100px;
    border-radius:0px 5px 5px 0px;
    -webkit-border-radius:0px 5px 5px 0px;
    -moz-border-radius:0px 5px 5px 0px;
    -ms-border-radius:0px 5px 5px 0px;
    -o-border-radius:0px 5px 5px 0px;
    opacity: 1;
}
#facebook:hover{opacity: 0.6;}
@media (min-width: 992px) {
#facebook{
  box-shadow:#000 1px 2px 5px;
  -moz-box-shadow:#000 1px 2px 5px;
  -ms-box-shadow:#000 1px 2px 5px;
  -o-box-shadow:#000 1px 2px 5px;
  -webkit-box-shadow:#000 1px 2px 5px;

}

}

/*--------R E S P O N S I V O -------------------------*/
/*#####################################################*/

@media (max-width: 600px) {
/*Para celular*/
  .cel{ display: none;}
  h1, .letraGrande1{font-size: x-large!important;}
  .encabezado span,.info{
    font-size: medium!important;
  }
  .cuadroFondo2{padding: 10px!important; 
                font-size: medium!important;
                text-align: justify!important;
                font-weight: normal!important;  }
  .cuadroFondo2 h2{text-align: center!important;
                  font-size: medium!important;
                  font-weight: bold;}
  .descripcion{text-align: center!important;}
}