@charset "utf-8";
/* CSS Document */
/*--------------CSS actividades-----------------*/
@font-face {
font-family: Segoe;
src: url('fonts/SEGOEUI.TTF');
}
.article-content, .ui-dialog {
font-family: sans-serif;
}
.article-content p, .detalles, .ui-dialog p {
font-size: 14px;
}
.ui-state-default a {
font-size: 16px;
}
.ui-dialog-title {
font-size: 16px;
}
#tip{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Tip.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#insectospalo{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/insectopalo.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#cienciafuego {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/lacienciadelfuego.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}

#cocheteagua{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cocheteagua.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}

#manosagua{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/manosalagua.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#plastilina{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cienciaenplastilina.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#pinonavideno{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/pinonavideno.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#halloween{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Fiestacarnaval.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#kaiman{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/kaimana_eskulana.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#ajolote{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/axolotea.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#dinosaurio{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/CAST_1.png);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#dinosaurioEU{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/EUSK_1.png);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#cohete {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cohete2.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
//background: url(../../../images/0WEB/06-Otros/descripcion_actividades/ie/cohete2.jpg);
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/0WEB/06-Otros/descripcion_actividades/cohete2.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/0WEB/06-Otros/descripcion_actividades/cohete2.jpg', sizingMethod='scale')";*/
float: left;
}
#cohetegas {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cohetegas.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#cohetegas {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cohetegas.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#accion {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/accion.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#pinza{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/pinza.JPG);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#planetariumtxiki {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/planetariumtxiki.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#animaladas {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/ManualidadAnimaladas.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#xaboia {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/xaboia-jabon.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#perro {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/necturus_perrodeagua.jpeg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#estrella {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/estrella_buena.JPG);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#cine {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cine.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#txikiklik {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/txikiklik.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#volcanes {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/volcanes.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
/*Animaciones*/
#sistemasolar{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/granfamiliasolar.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#csi{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/csi.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#sentido{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/sentido_nombre_sala.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#biovisita{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/biovisita.JPG);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#chispas{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/ChispasEnergia_121.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#mecanico{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/pendulo_foucault.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#planisferio{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/planisferiomontadoeus.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#naveTierra{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/naveTierra.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#sunspotter{
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/sunspotter.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#juegosLuz {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/juegosdeluz.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#illusions {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Illusions_descripcionactividades.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#plastinados {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/visita_plastinados_2.JPG);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#hazloencasa {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/hazloencasa.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#newton {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Newton2.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#acuarios {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/acuario1.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#animalia {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/VisitaguiadaAanimalia.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}

#fuego {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Suaren-Zientzia.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#liquidos {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Experimentos.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#observatorio {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/observatorio.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#biodomino {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/biodomino.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#segway {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/segway.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#fakir {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/fakir.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#reloj {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/rs1.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#hemisferios {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/HemisferiosMagdeburgo_217x150.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#cuerpo {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/tupequenograncuerpo.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#presion {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/cuantapresion_olla.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#chapa {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Imagen1.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#taza {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/background-mugs.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#iman {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/iman.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#comes {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/sabesloquecomes_web.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#electricidad {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/electricidad.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#elementos {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/elementos.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#co2 {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/Sublime_co2_miniatura.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#matemagia {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/1,2,3...Matemagia.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
#impetus {
background: url(../../../images/0WEB/06-Otros/descripcion_actividades/IMPETUS.jpg);
-moz-background-size: 100% 100%; /* Firefox 3.6 */
background-size: 100% 100%;
float: left;
}
/*Espectaculos*/
.actividad {
margin: 20px;
width: 300px;
height: 150px;
background-repeat: no-repeat;
border-radius: 15px;
position: relative;
-moz-transition: all 0.15s ease-in 0s;
-webkit-transition: all .15s ease-in-out;
overflow: hidden;
}
.actividad:hover {
-moz-transform: scale(1.2); /*translateY(-30px) rotate(-2.5deg);*/
-webkit-transform: scale(1.2); /*translateY(-30px) rotate(-2.5deg);*/
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
z-index: 2;
}
.actividad .detalles {
background-color: #FFFFFF;
/*width: 300px;
height: 110px;*/
width: 300px;
/*height: 100%;*/
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.87);
border-bottom-left-radius: 18px;
border-bottom-right-radius: 27px;
position: absolute;
top: 115px;
overflow: hidden;
/*padding:10px;*/
padding-top: 7px;
padding-left: 5px;
padding-bottom: 10px;
text-align: center;
}
.info {
background-color: #FFFFFF;
border: #00F solid;
background-color: rgba(0, 0, 0, 0.03);
border-radius: 15px 15px 15px 15px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
font-size: 12px;
padding: 6px 10px;
/*position: absolute;*/
right: 25px;
/*margin-left: 5px;*/
/*top: 5px;*/
color: #0090E2;
text-decoration: none;
border: 0 none;
outline: 0 none;
vertical-align: baseline;
}
.info:hover {
background-color: #0090E2;
color: #FFFFFF;
text-decoration: none;
}