.boton{
      text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
            text-align:center;
            text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      display:inline-block;
            color: #FFF;
            background: #7F8C8D;
            padding: 6px 30px;
            white-space: nowrap;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin: 10px 5px;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
   
.azul{
  background: #3498DB !important;
  border: 1px solid #2980B9 !important;
}

.azul:hover{
  background: #39a0e5 !important;
}

.rojo{
  background: #e83f29;
  border: 1px solid #bc1903;
}

.rojo:hover{
  background: #ed4b36;
}

input[type=text] {
    border: 1px solid gray;
    border-radius: 4px;
    text-align: center;
}
input[type=email] {
    border: 1px solid gray;
    border-radius: 4px;
    text-align: center;
}
input[type=password] {
    border: 1px solid gray;
    border-radius: 4px;
    text-align: center;
}
input[type=textbox] {
    border: 1px solid gray;
    border-radius: 4px;
    text-align: center;
}
input[type=number] {
    border: 1px solid gray;
    border-radius: 4px;
    text-align: center;
}
body { 

    background-attachment: fixed;
}
#rsocial, #rfc, #fijo, #movil,{
	width: 350px !important;
}

#nuext, #nuint, #num, #cp, #cpf{
	width: 135px;
}
#colonia, #calle, #callef, #coloniaf{
	width: 230px;
}
#marca, #modelo, #anio, #descripcion{

	width: 180px;
}
 #nombre, #app, #apm, #estado, #mpo,{

 	width: 270px;
 }

#email, #contrasena{
	width: 300px;
}

#cp::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#cp:-moz-placeholder{
    color: #88ade8!important;
}
#cp::-moz-placeholder{
    color:  #88ade8!important;
}
#cp:-ms-input-placeholder{
    color:  #88ade8!important;
}





#nombre::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#nombre:-moz-placeholder{
    color: #88ade8!important;
}
#nombre::-moz-placeholder{
    color:  #88ade8!important;
}
#nombre:-ms-input-placeholder{
    color:  #88ade8!important;
}




#app::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#app:-moz-placeholder{
    color: #88ade8!important;
}
#app::-moz-placeholder{
    color:  #88ade8!important;
}
#app:-ms-input-placeholder{
    color:  #88ade8!important;
}




#apm::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#apm:-moz-placeholder{
    color: #88ade8!important;
}
#apm::-moz-placeholder{
    color:  #88ade8!important;
}
#apm:-ms-input-placeholder{
    color:  #88ade8!important;
}




#email::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#email:-moz-placeholder{
    color: #88ade8!important;
}
#email::-moz-placeholder{
    color:  #88ade8!important;
}
#email:-ms-input-placeholder{
    color:  #88ade8!important;
}




#contrasena::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#contrasena:-moz-placeholder{
    color: #88ade8!important;
}
#contrasena::-moz-placeholder{
    color:  #88ade8!important;
}
#contrasena:-ms-input-placeholder{
    color:  #88ade8!important;
}



#calle::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#calle:-moz-placeholder{
    color: #88ade8!important;
}
#calle::-moz-placeholder{
    color:  #88ade8!important;
}
#calle:-ms-input-placeholder{
    color:  #88ade8!important;
}



#colonia::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#colonia:-moz-placeholder{
    color: #88ade8!important;
}
#colonia::-moz-placeholder{
    color:  #88ade8!important;
}
#colonia:-ms-input-placeholder{
    color:  #88ade8!important;
}



#num::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#num:-moz-placeholder{
    color: #88ade8!important;
}
#num::-moz-placeholder{
    color:  #88ade8!important;
}
#num:-ms-input-placeholder{
    color:  #88ade8!important;
}




#fijo::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#fijo:-moz-placeholder{
    color: #88ade8!important;
}
#fijo::-moz-placeholder{
    color:  #88ade8!important;
}
#fijo:-ms-input-placeholder{
    color:  #88ade8!important;
}



#estado::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#estado:-moz-placeholder{
    color: #88ade8!important;
}
#estado::-moz-placeholder{
    color:  #88ade8!important;
}
#estado:-ms-input-placeholder{
    color:  #88ade8!important;
}




#ciudad::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#ciudad:-moz-placeholder{
    color: #88ade8!important;
}
#ciudad::-moz-placeholder{
    color:  #88ade8!important;
}
#ciudad:-ms-input-placeholder{
    color:  #88ade8!important;
}




#resultados{
	margin: auto;
	color: white;
	text-align: center;

}
#descripcion{

    height: 100px !important;
}


.boton2{
        
         text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
            text-align:center;
            text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      display:inline-block;
            color: #2980B9;
            background: #7F8C8D;
            padding: 15px 50px;
            white-space: nowrap;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin: 10px 5px;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.blanco{
  background: white !important;
  border: 1px solid #2980B9 !important;
}

.blanco:hover{
  background: #39a0e5 !important;
  color:white;
   border: 1px solid white !important;
}

.selected{
  background: #39a0e5 !important;
   border: 1px solid white !important;
     color:white;

}

.selected:hover{
    background: white !important;
    border: 1px solid #2980B9 !important;
    color:  #2980B9;


  
}
.cfdss:hover{

    text-decoration:none;

}


.boton3{
        
         text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
            text-align:center;
            text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      display:inline-block;
            color: #2980B9;
            background: #7F8C8D;
            padding: 10% 35%;
            white-space: nowrap;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            margin: 10px 5px;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -webkit-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
}

#lada::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#lada:-moz-placeholder{
    color: #88ade8!important;
}
#lada::-moz-placeholder{
    color:  #88ade8!important;
}
#lada:-ms-input-placeholder{
    color:  #88ade8!important;
}

#lada2::-webkit-input-placeholder{
    color:  #88ade8 !important;
}
#lada2:-moz-placeholder{
    color: #88ade8!important;
}
#lada2::-moz-placeholder{
    color:  #88ade8!important;
}
#lada2:-ms-input-placeholder{
    color:  #88ade8!important;
}



@media only screen and (max-width: 460px) {


#miscompras{
    visibility: hidden;
}
#misdatos{
    visibility: hidden;
}
#misdirecciones{
    visibility: hidden;
}
#misfacturas{
    visibility: hidden;
}

.boton{
    margin: 6px 1px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
}

/*input[type=submit] {

    width: 50% !important;
    font-size: .8rem;
}*/

#flujo{

    visibility: hidden;
}

select{
    margin: 6px 1px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
}


}

@media only screen and (max-width: 700px) {

#ord,#b2,#b3,#b5,#b6,#b7,#b9,#b10,#b11,#b12{

clear:both;
float:left;

}

#flujo{

    visibility: hidden;



}

.boton{
    margin: 6px 1px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
}

#miscompras{
    visibility: hidden;
}
#misdatos{
    visibility: hidden;
}
#misdirecciones{
    visibility: hidden;
}
#misfacturas{
    visibility: hidden;
}


}

#mDir:hover{
    background-color:#3498DB !important;
   
}

#mCompras:hover{
    background-color:#3498DB !important;

}


#mFacturas:hover{
    background-color:#3498DB !important;

}


#mDatos:hover{
    background-color:#3498DB !important;

}


#miscompras:hover{
    color:white !important;
}
#misdatos:hover{
    color:white !important;
}
#misdirecciones:hover{
    color:white !important;
}
#misfacturas:hover{
    color:white !important;
}