/*color de texto para placeholder*/

::placeholder { color: #C0C6FF; }
:-ms-input-placeholder { color: #C0C6FF; } /* IE 10+ */
::-webkit-input-placeholder { color: #C0C6FF; } /* WebKit */
::-moz-placeholder { color: #C0C6FF; } /* Firefox 19+ */

.logo{
/*ACA PUEDE EDITAR LAS PROPIEDADES DE LA IMAGEN LOGO, SOLO DEBE CAMBIAR LOS VALORES NUMERICOS Y AGREGAR px*/
	
	/*ANCHO DE LA IMAGEN LOGO*/
	width:95%;
	max-width:300px;
	
	/*EL ANCHO DE LA IMAGEN LOGO SE MANTIENE SEGUN LA PROPORCION DE LA IMAGEN, PERO SI DESEA PUEDE ASIGNARLE UN TAMAÑO*/
	height:auto;
	
	    margin: 10px;
	    float:left;
}

.itext{
    width:70%;
    height:28px;
    position:center;
    /*border-color:#4A8FCC;*/
    border:1px outset #4A8FCC;
    color:#4A8FCC;
}

.btnmp{
	/*background-image:url(/imagenes/iconos/btnmp.png) no-repeat center center fixed;*/
	    width:auto;
    height:30px;
    color:#FFF;
    background-color:#4A8FCC;
          /*  border: 0px outset #D7AF00;*/
          border:0px;
}

.menu {
    width: 100%;
    margin: auto;
    list-style: none;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.TransformDemoDiv {
    margin: 25px 50px;
    padding:0px;
    width: 160px;
    height: 160px;
    font-family:arial;
    text-align: center;
    /*vertical-align: middle;*/
    float: left;
  /*  font-size:20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;*/
 
    margin-right:auto;
}

.TransformSkewY25 {
        transition: 1s ease;
    -ms-transform: skewY(25deg);
    -webkit-transform: skewY(25deg);
    -moz-transform: skewY(25deg);
    -o-transform: skewY(25deg);
    transform: skewY(25deg);
 /*codigo para el reflejo de imagen inferior*/
   /*  -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));*/
}

.TransformDemoDivTransformed2 {
    background-color: #006AFF;
    color: #FFF;
        border: 1px outset #006AFF;
         /*codigo para el reflejo de imagen inferior*/
     -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
}

.TransformDemoDivTransformed4 {
    background-color: #9FD300;
    color: #FFF;
        border: 1px outset #9FD300;
         /*codigo para el reflejo de imagen inferior*/
     -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
}

.TransformDemoDivTransformed3 {
    background-color: #D7AF00;
    color: #FFF;
        border: 1px outset #D7AF00;
         /*codigo para el reflejo de imagen inferior*/
     -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
}

.TransformDemoDivTransformed1 {
    background-color: #E32C00;
    color: #FFF;
    border: 1px outset #E32C00;
     /*codigo para el reflejo de imagen inferior*/
     -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
}

.TransformSkewY25:hover{
    transition: 1s ease;
    width: 180px;
    height: 180px;
      -ms-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    transform: skewY(0deg);
 /*codigo para el reflejo de imagen inferior*/
     -webkit-box-reflect: below -25px
     -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));  
}

.vidrio {      
    /* margin: 25px 50px;*/
    padding:0px;
  /*  width: 150px;
    height: 150px;*/
    font-family:arial;
    text-align: center;
    /*vertical-align: middle;*/
    float: left;
    font-size:20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
 
    margin-right:auto;
    
        width:100%;
    height: 100%;
  border-radius: 0px;
  border: solid 0px rgba(255,255,255,.1);
  background: linear-gradient(-45deg, rgba(255,255,255,.2) 60%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.05) 80%, rgba(0,0,0,.1) 80%);
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,.2) 60%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.05) 80%, rgba(0,0,0,.1) 80%);
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,.2) 60%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.05) 80%, rgba(0,0,0,.1) 80%);

            }