/*-- Pintar Borde Página--*/
.borde {
    border: 0px solid #cccccc;
    text-align: left;
    width: 100%;	
}
.formulario {
      margin-left:100px;
	    width: 80%;
      background:url('BonRepos/images/it.jpg');

}

.botones {
  padding:1% 1% 0% 1%;
  margin-bottom: 5%;
}
.botones input {
     background-color: blueviolet;
     color:white;
     font-size: 100%;
     text-shadow: black 1px 1px 1px;
     

}
.formulario input,textarea {
    	   /*sombra borde*/

}
.imgContacto {
     float:right;
         	   /*sombra borde*/
     -moz-box-shadow: rgb(150,150,150) 5px 5px 10px;  
     -webkit-box-shadow: rgb(150,150,150) 5px 5px 10px;  
     box-shadow: rgb(150,150,150) 5px 5px 10px;
}

/* Rotar logo */
.rotarY {
	
	transform:rotateY(0deg);
	transition-duration: 2s;
	-webkit-transform:rotateY(0deg);
	-webkit-transition-duration: 2s;

	

}
.rotarY:hover {
	transform:rotateY(180deg);
	transition-duration: 2s;
	-webkit-transform:rotateY(180deg);
	-webkit-transition-duration: 2s;


}
.rotarX {

	transform:rotateX(0deg);
	transition-duration: 2s;
	-webkit-transform:rotateX(0deg);
	-webkit-transition-duration: 2s;


}
.rotarX:hover {

	transform:rotateX(180deg);
	transition-duration: 2s;
	-webkit-transform:rotateX(180deg);
	-webkit-transition-duration: 2s;


}
.logo{

    animation-name: rotateinfinite;-webkit-animation-name: rotateinfinite;
    animation-timing-function: linear;-webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    animation-duration: 15s;-webkit-animation-duration: 15s;
   

}
@keyframes rotateinfinite {
  from {
	transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
}

.rotateinfinite:hover {  
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@-webkit-keyframes rotateinfinite {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}





@media screen and (max-width: 600px) {
    body {
        font-size:80%;
    }
    h3 {
        font-size:80%;
    }
    h1 {
        font-size:100%;
    }
            nav {
        font-size:80%;
}