@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border: none;
	list-style: none;
	text-decoration: none;
	}
#cargando {
  position: fixed;
  width:100%;
  height:100%;
  background: #08bde4 url(../images/cargando.gif) no-repeat center;
	z-index: 55555;
	overflow:hidden;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }

body {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	height:100%;
	background-color: #6FB4D4;
	overflow: hidden;
	text-align: center;
	vertical-align: central;

 }

 .textopata{

	  color: rgba(255,255,255,0.6);
	 font-family: "Open Sans", sans-serif;
	 font-size: 11px;
	 z-index: 9999;
	 position: fixed;
	 bottom: 0;
	 right: 0;
	 padding: 2px;
	 margin: 0px 18px 6px 0px;
	 font-weight: 100;
 }
 .textopata a{
	 text-decoration: none;
	 list-style: none;
	  color: rgba(255,255,255,0.9);
	 font-family: "Open Sans", sans-serif;
	 font-size: 11px;
	 cursor: pointer;
	 font-weight: 800;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .textopata a:hover {
	  color: rgba(32,40,47,0.7);
	  font-weight: 800;
 }

  .textopata img{
	  width: 12px;
	  height: auto;
	  margin-bottom: -2px;
	  display: inline-block;
 }

 #canvas {
	position:absolute;
	margin:auto;
	left:-100%;right:-100%;
	top:-100%;bottom:-100%;
	border: none 0;
	display: block;
 }
  .parque{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0%;
		bottom: -100%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .paral {
		position: inherit;
		width: 14%;
		height: auto;
		right: 7%;
		bottom: 13%;
		z-index: 10;
		background:url(../images/fondolapices.png) scroll no-repeat;
		background-position: bottom center;
		background-size: 100% auto;
		opacity: 0;
	  transition: 0.7s all ease-in-out;
	-webkit-transition: 0.7s all ease-out;
	-moz-osx-transition: 0.7s all ease-out;
 }
  .contenidos3 .paral {
	  bottom: 31%;
 }
  .lapices1{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: block;
		background:url(../images/lapiz1.png) scroll no-repeat;
		background-position: bottom center;
		background-size: 100% auto;
		cursor: pointer;
	  transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-out;
	-moz-osx-transition: 0.1s all ease-out;
 }
  .lapices1 img{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	  transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-out;
	-moz-osx-transition: 0.1s all ease-out;
	opacity: 1;
 }
  .lapices1 img:hover {
	opacity: 0;
 }
   .lapices2{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: block;
		background:url(../images/lapiz2.png) scroll no-repeat;
		background-position: bottom center;
		background-size: 100% auto;
		cursor: pointer;
	  transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-out;
	-moz-osx-transition: 0.1s all ease-out;
 }
  .lapices2 img{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	  transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-out;
	-moz-osx-transition: 0.1s all ease-out;
	opacity: 1;
 }
  .lapices2 img:hover {
	opacity: 0;
 }
 .parque02 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 100%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .parque03 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 200%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .parque04{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 300%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .parque05{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 400%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .parque06{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 500%;
		z-index: 3;
		background:url(../images/fondopq.svg) scroll repeat-x;
		background-position: bottom center;
		background-size: 100.2% auto;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .contenidos{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 5;
		border: none;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out cnanimado 1.1s;
	-webkit-animation: ease-in-out cnanimado 1.1s;
	-moz-animation:ease-in-out cnanimado 1.1s;
 }
 .gallerycont{
		position: absolute;
		width: 100%;
		height: 100%;
		top: -150%;
		opacity: 0;
		display: none;
		z-index: 9999999;
		font-family: "Open Sans", sans-serif;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 #back_to_camera { clear: both; display: block; height: 40px; line-height: 40px; padding: 10px; }
		.fluid_container { margin: 50px auto; max-width: 800px; width: 75%; top: 0 ; bottom: 0; vertical-align:middle; border-radius: 20px;  -webkit-border-radius: 20px;
	   -moz-osx-border-radius: 20px; overflow: hidden; background-color: #f9e504; }
		  .inglapiz { margin: auto; max-width: 222px; width: 222px; top: 0 ; bottom: 0; vertical-align:middle;  background-color: #f9e504;
		}
  .cerrarpop1 {
		position: absolute;
		opacity: 0;
		display: none;
		width: 145px;
		height: auto;
		top: 20px;
		right: 50px;
		z-index: 9999999999999;
		cursor: pointer;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .cerrarpop1:hover {
	  opacity: 0.3;
	  width: 150px;
	  top: 18px;
	  right: 47px;

 }
  .cerrarpop1 img {
		width: 100%;
		height: auto;
 }
 .contenidos2{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 5;
		opacity: 0;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .contenidos3 {
		position: absolute;
		width: 100%;
		height: 43%;
		margin-top: auto;
		bottom: 0;
		left: 200%;
		z-index: 5;
		opacity: 0;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .contenidos4 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 300%;
		z-index: 5;
		opacity: 0;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .contenidos5 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 400%;
		z-index: 5;
		opacity: 0;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .contenidos6 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 500%;
		z-index: 5;
		opacity: 0;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .nuvelogo{
		position: relative;
		width: 23%;
	  height: 45%;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		z-index: 6;
	 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out nuvess 1.2s;
	-webkit-animation: ease-in-out nuvess 1.2s;
	-moz-animation:ease-in-out nuvess 1.2s;
 }
 .nuvelogo:hover {
	 width: 24%;
		top: -28%;
 }
 .nuvebtn01{
		position: fixed;
		width: 12%;
	  height: auto;
		top: -3%;
		display: block;
		margin-left: 26%;
		margin-right: auto;
		cursor: pointer;
		z-index: 9;
			 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out nuvess 1.4s;
	-webkit-animation: ease-in-out nuvess 1.4s;
	-moz-animation:ease-in-out nuvess 1.4s;
 }

 .nuvebtn01:hover {
		width: 13%;
		top: -6%;
		margin-left: 25%;

 }
 .nuvebtn02{
		position: fixed;
		width: 10%;
	  height: auto;
		top: -0%;
		margin-left: 31%;
		margin-right: auto;
		margin-bottom: 70%;
		cursor: pointer;
		z-index: 16;
			 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out nuvess 1.6s;
	-webkit-animation: ease-in-out nuvess 1.6s;
	-moz-animation:ease-in-out nuvess 1.6s;
 }

 .nuvebtn02:hover {
		width: 11%;
		top: -2%;
 }
 .nuvebtn03{
		position: absolute;
		width: 8%;
	  height: auto;
		top: -4%;
		margin-left: 63%;
		margin-right: auto;
		cursor: pointer;
		z-index: 7;
			 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out nuvess 1.8s;
	-webkit-animation: ease-in-out nuvess 1.8s;
	-moz-animation:ease-in-out nuvess 1.8s;
 }

 .nuvebtn03:hover {
		width: 9%;
		top: -7%;
		margin-left: 62%;
 }
 .nuvebtn04{
		position: fixed;
		width: 10%;
	  height: auto;
		top: -0%;
		margin-left: 59%;
		margin-right: auto;
		margin-bottom: 70%;
		cursor: pointer;
		z-index: 15;
			 transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
		animation: ease-in-out nuvess 2.0s;
	-webkit-animation: ease-in-out nuvess 2.0s;
	-moz-animation:ease-in-out nuvess 2.0s;
 }
 .nuvebtn04:hover {
		width: 11%;
		top: -1%;
 }

 img {
		width: 100%;
		height: auto;
		display: block;
		 }
 object
 {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 border: none;
		 }
.sol {
		width: 7%;
		height: 7%;
		margin: 5%;
		right: 0;
		top: 0;
		z-index: 2;
		position: fixed;
		transition: 0.7s all ease-in-out;
	-webkit-transition: 0.7s all ease-in-out;
	-moz-osx-transition: 0.7s all ease-in-out;
		opacity: 0;
		 }

.sol:hover {
	transform: rotate(360deg);
		 }
    .equisses:hover {
	background-color: rgba(0,231,255,1.00);
  }
   .equisses{
	   position: absolute;
	   top: 25px;
	   right: 25px;
	   width: 0px;
	   height: 0px;
	   pading: 0px;
	   opacity: 0;
	   text-align: center;
	   background-color: rgba(21,136,228,1.00);
	cursor: pointer;
	   border: 3px  dotted rgba(255,255,255,0.6);
	   border-radius: 40px;
	-webkit-border-radius:40px;
	-moz-osx-border-radius: 40px;
	z-index:9999999999999999999999999999999999999999;
		transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-osx-transition: 0.5s all ease-in-out;
  }
   .equisses img{
	   width: 28px;
	   height: 28px;
	   margin: 10px;
  }
.philosophy {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -150%;
		z-index: 3;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .philosophy .texto img{
	 width: 25%;
	 min-width: 180px;
		height: auto;
		margin-bottom: 1%;
 }
  .philosophy .texto{
	 position: relative;
	 width: 35%;
	 height:60%;
	 padding: 12% 11% 9% 21%;
	 margin:auto;
	 margin-right: auto;
	 margin-top: -9.5%;
		color: rgba(251,251,251,0.92);
		font-size: 15px;
		font-family: "Open Sans", sans-serif;
		background:url(../images/nuve01.png) scroll no-repeat;
		background-size: 100% auto;
		text-align: left;
		font-weight: 100;

 } .philosophy .texto strong{
	 font-size: 15px;
	font-weight: 800;
	color: #FFD900;
 }
 .metho {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -150%;
		z-index: 3;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }

 .metho .texto img{
	 width: 25%;
	 min-width: 180px;
		height: auto;
		margin-bottom: 1%;
 }
  .metho .texto{
	 position: relative;
	 width: 35%;
	 height:60%;
	  padding: 12% 13% 9% 18%;
	 margin:auto;
	 margin-right: auto;
	 margin-top: -9.5%;
		color: rgba(251,251,251,0.92);
		font-size: 15px;
		font-family: "Open Sans", sans-serif;
		background:url(../images/nuve03.png) scroll no-repeat;
		background-size: 100% auto;
		text-align: left;
		font-weight: 100;

 }
 .metho .texto strong{
	 font-size: 15px;
	font-weight: 800;
	color: #FFD900;
 }

 .services {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -150%;
		z-index: 3;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
  .services .texto img{
	 width: 25%;
	 min-width: 180px;
		height: auto;
		margin-bottom: 1%;
 }
   .services .texto{
	 position: relative;
	 width: 35%;
	 height:60%;
	  padding: 12% 11% 9% 21%;
	 margin:auto;
	 margin-right: auto;
	 margin-top: -9.5%;
		color: rgba(251,251,251,0.92);
		font-size: 15px;
		font-family: "Open Sans", sans-serif;
		background:url(../images/nuve02.png) scroll no-repeat;
		background-size: 100% auto;
		text-align: left;
		font-weight: 100;
 }
  .services .texto strong{
	 font-size: 15px;
	font-weight: 800;
	color: #FFD900;
 }
 .ourre {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -150%;
		z-index: 3;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .ourre .texto img{
	 width: 25%;
	 min-width: 180px;
		height: auto;
		margin-bottom: 1%;
 }
   .ourre .texto{
	 position: relative;
	 width: 21%;
	 height:60%;
	 padding: 15% 37% 10% 9%;
	 margin:auto;
	 margin-right: auto;
	 margin-top: -8%;
		color: rgba(251,251,251,0.92);
		font-size: 15px;
		font-family: "Open Sans", sans-serif;
		background:url(../images/nuve04.png) scroll no-repeat;
		background-size: 100% auto;
		text-align: left;
		font-weight: 100;
 }
  .ourre .texto strong{
	font-weight: 800;
	color: #FFD900;
 }
 .contenidocj01  {
	 position: absolute;
	 z-index: 333333333;
	 margin-top: 10px;
	 width: 55%;
	font-weight: 100;
	opacity: 1;
 }
 .contenidocj02  {
	 position: absolute;
	 z-index: 333333333;
	 margin-top: 10px;
	 width: 55%;
	font-weight: 100;
	opacity: 0;
 }
 .contenidocj03 {
	 position: absolute;
	 z-index: 333333333;
	 margin-top: 10px;
	 width: 54%;
	font-weight: 100;
	opacity: 0;
 }
 .bton02, .bton01,  .bton03  {
	 display: inline-block;
	 padding: 5px 14px;
	 border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-osx-border-radius: 20px;
	font-weight: 800;
	background-color: rgba(255,234,0,1.00);
	color: rgba(35,55,167,1.00);
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	  transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-out;
	-moz-osx-transition: 0.5s all ease-out;
 }
 .bton01:hover, .bton02:hover, .bton03:hover {
	 padding: 5px 15px;
	background-color: rgba(0,134,255,1);
	color: rgba(255,255,255,1.00);
 }

@media (max-width: 1444px) {

  .philosophy .texto{
	 width: 37%;
	 height:62%;
	 padding: 12% 18% 10% 25%;
	 margin-right: auto;
	 margin-top: -7%;
 }
 .metho .texto{
	 width: 37%;
	 height:62%;
	 padding: 12% 21% 10% 22%;
	 margin-right: auto;
	 margin-top: -7%;
 }
 .services .texto{
	 width: 37%;
	 height:62%;
	 padding: 12% 18% 10% 25%;
	 margin-right: auto;
	 margin-top: -7%;
 }
  .ourre .texto{

	 width: 22%;
	 height:60%;
	 padding: 15% 42% 10% 11%;
	 margin:auto;
	 margin-right: auto;
	 margin-top: -7%;
 }
  }

@media (max-width: 1222px) {

  .philosophy .texto{
	 width: 45%;
	 padding: 13% 19% 9% 29%;
	 margin-top: -4%;
	 font-size: 14px;
 }
  .philosophy .texto strong{
	 font-size: 14px;
 }
 .metho .texto{
	 width: 44%;
	 padding: 11% 23% 9% 23%;
	 font-size: 14px;
 }
 .metho .texto strong{
	 font-size: 14px;
 }
 .services .texto{
	 width: 45%;
	 padding: 13% 19% 9% 29%;
	 margin-top: -4%;
	 font-size: 14px;
 }
.services .texto strong{
	 font-size: 14px;
 }
 .ourre .texto{
	 width: 25%;
	 padding: 22% 48% 8% 13%;
	 margin-top: -7%;
	 font-size: 14px;
 }
.ourre .texto strong{
	 font-size: 14px;
 }
 }

@media (max-width: 1011px) {
.philosophy .texto{
	 width: 45%;
	 padding: 11% 19% 9% 29%;
	 margin-top: -2%;
		font-size: 14px;

 }
  .philosophy .texto strong{
	 font-size: 14px;
 }
 .metho .texto{
	 width: 45%;
	 padding: 9% 22% 9% 27%;
	 margin-top: -2%;
		font-size: 14px;

 }
  .metho .texto strong{
	 font-size: 14px;
 }
  .services .texto{
	 width: 45%;
	 padding: 11% 19% 9% 29%;
	 margin-top: -2%;
		font-size: 14px;

 }
  .services .texto strong{
	 font-size: 14px;
 }
  .ourre .texto{
	 width: 29%;
	 padding: 18% 48% 8% 13%;
	 margin-top: -4%;
	 font-size: 14px

 }
  .ourre .texto strong{
	 font-size: 14px;
 }
  }
  @media (max-width: 888px) {
.philosophy .texto{
		font-size: 13px;

 }
  .philosophy .texto strong{
	 font-size: 13px;
 }
 .metho .texto{
		font-size: 13px;
		 width: 42%;
	    padding: 9% 25% 9% 23%;
 }

 .metho .texto strong{
	 font-size: 13px;
 }
  .services .texto{
		font-size: 13px;

 }
 .services .texto strong{
	 font-size: 13px;
 }
  .ourre .texto{ width: 51%;
	 height: 50%;
	 padding:0;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 15%;
	 font-size: 13px;
	 background-image: none;

 }
 .ourre .texto strong{
	 font-size: 13px;
 }
  }

@media (max-width: 777px) {
	.philosophy .texto{
	 width: 51%;
	 height: 50%;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 2%;
	 font-size: 12px;
	 background-image: none;
 }
  .philosophy .texto strong{
	 font-size: 12px;
 }
 .metho .texto{
	 width: 51%;
	 height: 50%;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 2%;
	 font-size: 12px;
	 background-image: none;
 }
  .metho .texto strong{
	 font-size: 12px;
 }
 .services .texto{
	 width: 51%;
	 height: 50%;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 2%;
	 font-size: 12px;
	 background-image: none;
 }
.services .texto strong{
	 font-size: 12px;
 }
 .ourre .texto{
	 width: 51%;
	 height: 50%;
	 padding:0;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 15%;
	 font-size: 12px;
	 background-image: none;
 }
.ourre .texto strong{
	 font-size: 12px;
 }
 #canvas {
		display: none;
 }
}

	@keyframes cnanimado{
	0%{ left: 5%; opacity: 0; }
	80%{ left: 5%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
	}
@-webkit-keyframes cnanimado{
	0%{ left: 5%; opacity: 0; }
	80%{ left: 5%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
	}
@-moz-keyframes cnanimado{
	0%{ left: 5%; opacity: 0; }
	80%{ left: 5%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
	}

@keyframes nuvess{
	0%{ margin-top: -100%;}
	70%{ margin-top: -100%; }
	100%{ margin-top: 0%; }
	}
@-webkit-keyframes nuvess{
	0%{ margin-top: -100%;}
	70%{ margin-top: -100%; }
	100%{ margin-top: 0%; }
	}
@-moz-keyframes nuvess{
	0%{ margin-top: -100%;}
	70%{ margin-top: -100%; }
	100%{ margin-top: 0%; }
 }
 div.respuesta h2 {
	 	margin-top: 40px!important;
 		font-family: 'Open Sans', sans-serif!important;
 		text-align: center;
 		font-size: 1.3em!important;
 		color: #fe800d!important;
 }