/* CSS Document */
@font-face
{
  font-family:Chewy;
  src: url(../fonts/Chewy.ttf);
}
@font-face
{
 font-family:Roboto;
 src: url(../fonts/Roboto-Regular.ttf);
}

header
{
	width:100%;
	display:table;
	margin-top:20px;
	margin-bottom: 14px;
}

header .volver
{
	color: #9C27B0;
    width: 92px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    padding-top: 19px;
    padding-left: 20px;
    font-family: Chewy;
    font-size: 22px;
    background-image: url(images/flecha.png);
    background-size: 100% 100%;
}
.menusinvestigar {
    width: 139px;
    height: 130px;
    color: #03A9F4;
    font-family: chewy;
    float: left;
    margin: 5px;
    font-size: 20px;
    border-radius: 25px;
    padding: 5px;
    background-color: white;
    text-align: center;
    border: 1px solid gray;
    cursor: url(../images/hand.cur) , auto!important;
}
header .volver:hover
{
	color: black;
	text-decoration:none;
}



h1
{
	font-family:Chewy;
	color:white;
	text-align:center;
	text-shadow: 3px 3px 3px black;
	
}

header h1
{
	sfont-family:Chewy;
	color:white;
	text-align:center;
	text-shadow: 3px 3px 3px black;	
	border-bottom:2px solid white;
	padding:0px!important;
	width:90%;
	float: right;
    text-align: right;
}


h3
{
	font-family:Chewy;
	color:white;
	padding: 0px;
	margin: 0px; 
	font-size: 29px;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}


.aumentar:hover
{
	cursor:url(../images/hand.cur) , auto!important;
	 -webkit-transition:-webkit-transform 0.8s ease-out; 
		  -moz-transition:-moz-transform 0.8s ease-out; 
		  -o-transition:-o-transform 0.8s ease-out; 
		  -ms-transition:-ms-transform 8.1s ease-out; 
		  transition:transform 0.8s ease-out;
		   -moz-transform: scale(1.1);
		   -webkit-transform: scale(1.1);
		   -o-transform: scale(1.1);
		   -ms-transform: scale(1.1);
		   transform: scale(1.1);
	  
}


.tip + .tooltip > .tooltip-inner {background-color: white; color:black; font-family:Roboto; border:1px solid gray;}

body
{
	background-image:url(../images/fondo_nubes.png);
	
}
.titulo
{
  position: absolute;
  left: 26%;
  font-family: Chewy;
  text-align: center;
  color: #006064;
  font-size: 40px;
  letter-spacing: 0px;
  text-shadow:none!important;
}
.menus1
{
font-family:Chewy;
font-size:30px;
width:90%;
height: 358px;
float:left;
margin:5px;
border-radius:70px 0px 55px 0px;
padding:20px;
animation: mover 8s infinite;
background-color:white;
text-align:center;
}

.menus1 h3:hover 
{
transition: all 0.8s ease-in-out;
transform: scale(0.9);
cursor: url(../images/hand.cur) , auto!important;
}


.menus2
{
font-family:Chewy;
font-size:30px;
width:90%;
height: 358px;
color:red;
float:left;
margin:5px;
border-radius:70px 0px 55px 0px;
padding:20px;
animation: mover 8s infinite;
background-color:white;
text-align:center;
}

.menus2 h3:hover 
{
transition: all 0.8s ease-in-out;
transform: scale(0.9);
cursor: url(../images/hand.cur) , auto!important;
}

.cursor:hover
{
	cursor:url(../images/hand.cur) , auto!important;
	
}
.cursor2
{
	fill:rgba(229, 229, 229, 0.7);	
}

.instrucciones .tituloletrero2
{
	position: absolute;
  top: 100px;
  left: 21%;
/*  text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;*/
  font-family: Chewy;
  font-size: 30px;
  color: white;
}
.instrucciones .tituloletrero3
{
   position: absolute;
  background-color: white;
  top: 330px;
  left: 40%;
  font-family: Chewy;
  border: 1px solid transparent;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 30px;
  color: rgb(255, 61, 1);
}
.instrucciones .textoletrero3
{
	position: absolute;
  top: 380px;
  left: 30px;
  width: 130px;
  font-family: Roboto;
  font-size: 17px;
    color: white;
}
.instrucciones .textoletrero2
{
	position: absolute;
  top: 152px;
  left: 30px;
  width: 130px;
  font-family: Roboto;
  font-size: 17px;
    color: white;
}

.textotabla
{
       position: absolute;
    top: 42px;
    left: 1px;
    width: 400px;
}
.personaje
{
      width: 120px;
    height: auto;
    top: 42px;
    right: 42px;
    position: absolute;
}


.fondo
{
	width:750px; 
	margin:0px auto; 
	height: 600px;
	border:1px solid gray;
	border-radius:70px 0px 55px 0px;
	padding:10px;
	border-radius: 12px;
	background-color: rgba(229, 229, 229, 0.7);
	text-align:center; 
	display:table;
	margin-top:20px;
	margin-bottom:20px;
}

.nube
{			  
   background-image: url(../images/letrero1.png);
    background-size: 100% 100%;
    width: 72%;
    height: 170px;
    position: absolute;
    top: -12px;
    left: 170px;
}

.contenidos2
{
text-align: start;
    width: 95%;
    font-family: Roboto;
    font-size: 18px;
    margin: 10px;
}

/*VIDEOS IEP*/
.menus
{
width:139px;
height:130px;
color: #03A9F4;
font-family: chewy;
float:left;
margin:5px;
font-size:20px;
border-radius:25px;
padding:5px;
background-color:white;
text-align:center;
border:1px solid gray;
}
.menus:hover
{
color:#01579B;
transition: all 1s ease-in-out;
transform: scale(0.9);
cursor: url(../images/hand.cur) , auto!important;
}
.activo
{
	color:#01579B;
transition: all 1s ease-in-out;
transform: scale(0.9);
cursor: url(../images/hand.cur) , auto!important;
}

video
{
	border-radius:12px;
	/*width:105%;
	height:320px;
	border-radius:12px;
	margin-top:10px;*/
}

#misvideos video
{
	border-radius:12px;
	width:105%;
	height:320px;
	border-radius:12px;
}

@keyframes mover {
    from { transform: none; }
    50% {  transform: rotate(3deg);}
    to { transform: none; }
}

@keyframes pulsar {
    from { transform: none; }
    50% {  transform:scaleX(1.1);}
    to { transform: none; }
}
/*nuevos*/
figcaption h2
{
	font-family:Chewy;
}
.tarjetas *
{
	border-radius:20px;
}
.demo-2 .grid figure button
{
	border-radius:0px 0px 16px 16px;
	cursor: url(../images/hand.cur) , auto!important;
    -webkit-transform: translateY(106%);
    transform: translateY(106%);
}