/* * CSS */ /* Estructura */ body { font-family: Arial, Helvetica, sans-serif; display: block; color: #3084d3; margin: 0 0 1px; font-size: 17px; text-align:justify; background: #ffffff url('../imagenes/fondo.jpg') center top repeat-x; height: 100%; } a { color:#3084d3;font-weight:bold; text-decoration:none;} a:active {color:#3084d3;font-weight:bold; text-decoration:none;} a:hover {color:#3084d3;font-weight:bold; text-decoration:none; } a img {border: 0px;} audio {width: 300px;} .wrapper { width: 950px; margin: 0 auto;} .cab { width: 950px; height: 228px; margin: 5px 0px 25px 0px; position: relative; cursor: pointer;text-align: center} .pompas {margin: 0px 85px 0px 14px;} .main { width: 810px; min-height: 100px; padding: 0px 70px 0px 70px; } .menu { position: relative; width: 810px; height: 40px; padding: 0px;} .menu a {margin: 0px 0px 0px 22px;} a.vocabulary {position: relative; float: left; background: url('../imagenes/vocabulary_off.jpg') no-repeat; display: block; width:179px;height:40px; background-position:0px 0px;} a.vocabulary:hover {position: relative; float: left; background: url('../imagenes/vocabulary_on.jpg') no-repeat; display: block; width:179px;height:40px; background-position:0px 0px;} a.vocabulary-on {position: relative; float: left; background: url('../imagenes/vocabulary_on.jpg') no-repeat; display: block; width:179px;height:40px; background-position:0px 0px;} a.songs {position: relative; float: left; background: url('../imagenes/songs_off.jpg') no-repeat; display: block; width:104px;height:40px; background-position:0px 0px;} a.songs:hover {position: relative; float: left; background: url('../imagenes/songs_on.jpg') no-repeat; display: block; width:104px;height:40px; background-position:0px 0px;} a.songs-on {position: relative; float: left; background: url('../imagenes/songs_on.jpg') no-repeat; display: block; width:104px;height:40px; background-position:0px 0px;} a.routines {position: relative; float: left; background: url('../imagenes/routines_off.jpg') no-repeat; display: block; width:144px;height:40px; background-position:0px 0px;} a.routines:hover {position: relative; float: left; background: url('../imagenes/routines_on.jpg') no-repeat; display: block; width:144px;height:40px; background-position:0px 0px;} a.routines-on {position: relative; float: left; background: url('../imagenes/routines_on.jpg') no-repeat; display: block; width:144px;height:40px; background-position:0px 0px;} a.stories {position: relative; float: left; background: url('../imagenes/stories_off.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} a.stories:hover {position: relative; float: left; background: url('../imagenes/stories_on.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} a.stories-on {position: relative; float: left; background: url('../imagenes/stories_on.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} a.glossary {position: relative; float: left; background: url('../imagenes/glossary_off.jpg') no-repeat; display: block; width:143px;height:40px; background-position:0px 0px;} a.glossary:hover {position: relative; float: left; background: url('../imagenes/glossary_on.jpg') no-repeat; display: block; width:143px;height:40px; background-position:0px 0px;} a.chants {position: relative; float: left; background: url('../imagenes/chants_off.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} a.chants:hover {position: relative; float: left; background: url('../imagenes/chants_on.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} a.chants-on {position: relative; float: left; background: url('../imagenes/chants_on.jpg') no-repeat; display: block; width:118px;height:40px; background-position:0px 0px;} .cabtab {position: relative; background: url('../imagenes/bg_cab.jpg') no-repeat; width: 803px; height: 23px; margin-top: 5px;} .tab {position: relative; background: url('../imagenes/bg.jpg'); width: 748px; height: 500px; padding: 0px 20px 0px 35px;} .pietab {position: relative; background: url('../imagenes/bg_pie.jpg') no-repeat; width: 803px; height: 23px;} .voc{ background: url('../imagenes/pelitos_peq.png') no-repeat right top; height: 100px; } .voc li{ padding: 2px 10px 2px 10px; } .song { font-size: 14px; line-height: 21px; color: #3084d3;} .song p {text-align: left; padding: 4px 2px 4px 2px; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 15px; color: #3084d3;} .song p:hover {color: #ffffff; background: #3084d3; padding: 4px 2px 4px 2px; border-radius: 2px; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 15px;} .song .selected p { margin: 0px; color: #ffffff; background: #3084d3; padding: 4px 2px 4px 2px; border-radius: 2px; line-height: 15px;} .selected p { margin: 0px; color: #ffffff; background: #3084d3; padding: 4px 2px 4px 2px; border-radius: 2px; line-height: 15px;} .tab ul { list-style-type: none; margin: 0px; width: 765px; min-height: 150px; padding: 20px 0px 0px 0px; color: #3084d3; } .tab ul li { position: relative; float: left; margin: 0px 10px 0px 0px; width: 80px; height: 120px; text-transform:uppercase; font-weight:bold; font-size: 14px; text-align: center; line-height: 15px; } .tab ul a p { margin: 0px; padding: 2px 2px 2px 2px; } .tab ul a:hover p {color: #ffffff; background: #3084d3; padding: 2px 2px 2px 2px; border-radius: 2px;} a.bird {position: relative; float: left; background: url('../imagenes/bird.png') no-repeat; display: block; width:142px;height:142px; background-position:0px 0px;} a.bird:hover {position: relative; float: left; background: url('../imagenes/bird.png') no-repeat; display: block; width:142px;height:142px; background-position:0px -142px;} .listado {position: relative; float: left; width: 98%; margin-top: 20px; } .listado p { width: 142px; text-align: center; margin-top: 142px;} .listado p img {position: relative; top: 3px; left:3px;} .titular { font-size: 26px; color: #9DC437;font-weight:bold; margin: 0px; width: 100%;} .unidades { font-size: 20px; color: #9DC437;font-weight: bold; } .tab td {width: 140px; height: 140px;} .tab td img {margin: 0px 5px 0px 0px;} a.link {position: relative; float: left; display: block; width:145px; height:218px; background-position:0px 0px;font-size: 14px; } a.link:hover {-webkit-filter: drop-shadow(0px 0px 4px #3184D0); filter: drop-shadow(0px 0px 4px #3184D0);font-size: 14px;} a.sonido {position: relative; float: left; display: block; width:320px; background-position:0px 0px;font-size: 22px; color: #ff2d00; line-height: 25px; margin: 3px 0px 15px 0px;} a.sonido:hover {-webkit-filter: drop-shadow(0px 0px 4px #3184D0); filter: drop-shadow(0px 0px 4px #3184D0);font-size: 22px; color: #ff2d00; line-height: 25px;} /*Actions */ .CRY {background: url('../../imagenes/vocabulary/CRY.png') no-repeat;} .DRAW {background: url('../../imagenes/vocabulary/DRAW.png') no-repeat;} .DRINK {background: url('../../imagenes/vocabulary/DRINK.png') no-repeat;} .EAT {background: url('../../imagenes/vocabulary/EAT.png') no-repeat;} .FLY {background: url('../../imagenes/vocabulary/FLY.png') no-repeat;} .JUMP {background: url('../../imagenes/vocabulary/JUMP.png') no-repeat;} .LAUGH {background: url('../../imagenes/vocabulary/LAUGH.png') no-repeat;} .LISTEN {background: url('../../imagenes/vocabulary/LISTEN.png') no-repeat;} .RUN {background: url('../../imagenes/vocabulary/RUN.png') no-repeat;} .SEE {background: url('../../imagenes/vocabulary/SEE.png') no-repeat;} .SLEEP {background: url('../../imagenes/vocabulary/SLEEP.png') no-repeat;} .SMELL {background: url('../../imagenes/vocabulary/SMELL.png') no-repeat;} .SWIM {background: url('../../imagenes/vocabulary/SWIM.png') no-repeat;} .TALK {background: url('../../imagenes/vocabulary/TALK.png') no-repeat;} .TOUCH {background: url('../../imagenes/vocabulary/TOUCH.png') no-repeat;} .TRAVEL {background: url('../../imagenes/vocabulary/TRAVEL.png') no-repeat;} .WALK {background: url('../../imagenes/vocabulary/WALK.png') no-repeat;} .BUILD {background: url('../../imagenes/vocabulary/BUILD.png') no-repeat;} .COOKING {background: url('../../imagenes/vocabulary/COOKING.png') no-repeat;} .LOVE {background: url('../../imagenes/vocabulary/LOVE.png') no-repeat;} .TRAVEL {background: url('../../imagenes/vocabulary/TRAVEL.png') no-repeat;} .CHEW {background: url('../../imagenes/vocabulary/CHEW.png') no-repeat;} .CLEAN UP {background: url('../../imagenes/vocabulary/CLEAN UP.png') no-repeat;} .DRIVE {background: url('../../imagenes/vocabulary/DRIVE.png') no-repeat;} .GROW UP {background: url('../../imagenes/vocabulary/GROW UP.png') no-repeat;} .MOVE {background: url('../../imagenes/vocabulary/MOVE.png') no-repeat;} .SMILE {background: url('../../imagenes/vocabulary/SMILE.png') no-repeat;} .TIDY UP {background: url('../../imagenes/vocabulary/TIDY_UP.png') no-repeat;} /*Animals */ .BUTTERFLY {background: url('../../imagenes/vocabulary/BUTTERFLY.png') no-repeat;} .CAT {background: url('../../imagenes/vocabulary/CAT.png') no-repeat;} .COW {background: url('../../imagenes/vocabulary/COW.png') no-repeat;} .DOG {background: url('../../imagenes/vocabulary/DOG.png') no-repeat;} .ELEPHANT {background: url('../../imagenes/vocabulary/ELEPHANT.png') no-repeat;} .FARM {background: url('../../imagenes/vocabulary/FARM.png') no-repeat;} .FISH {background: url('../../imagenes/vocabulary/FISH.png') no-repeat;} .GIRAFFE {background: url('../../imagenes/vocabulary/GIRAFFE.png') no-repeat;} .GORILLA {background: url('../../imagenes/vocabulary/GORILLA.png') no-repeat;} .HEN {background: url('../../imagenes/vocabulary/HEN.png') no-repeat;} .HORSE {background: url('../../imagenes/vocabulary/HORSE.png') no-repeat;} .LION {background: url('../../imagenes/vocabulary/LION.png') no-repeat;} .MOUSE {background: url('../../imagenes/vocabulary/MOUSE.png') no-repeat;} .SHEEP {background: url('../../imagenes/vocabulary/SHEEP.png') no-repeat;} .SQUIRREL {background: url('../../imagenes/vocabulary/SQUIRREL.png') no-repeat;} .TIGER {background: url('../../imagenes/vocabulary/TIGER.png') no-repeat;} /*Body*/ .BOY {background: url('../../imagenes/vocabulary/BOY.png') no-repeat;} .GIRL {background: url('../../imagenes/vocabulary/GIRL.png') no-repeat;} .BABY {background: url('../../imagenes/vocabulary/BABY.png') no-repeat;} .HEAD {background: url('../../imagenes/vocabulary/HEAD.png') no-repeat;} .HAND {background: url('../../imagenes/vocabulary/HAND.png') no-repeat;} .HANDS {background: url('../../imagenes/vocabulary/HANDS.png') no-repeat;} .FOOT {background: url('../../imagenes/vocabulary/FOOT.png') no-repeat;} .FEET {background: url('../../imagenes/vocabulary/FEET.png') no-repeat;} /*Body*/ .COAT {background: url('../../imagenes/vocabulary/COAT.png') no-repeat;} .GLOVES {background: url('../../imagenes/vocabulary/GLOVES.png') no-repeat;} .MITTENS {background: url('../../imagenes/vocabulary/MITTENS.png') no-repeat;} .RAINCOAT {background: url('../../imagenes/vocabulary/RAINCOAT.png') no-repeat;} .SCARF {background: url('../../imagenes/vocabulary/SCARF.png') no-repeat;} .UMBRELLA {background: url('../../imagenes/vocabulary/UMBRELLA.png') no-repeat;} .WELLIES {background: url('../../imagenes/vocabulary/WELLIES.png') no-repeat;} .WOOLLY_HAT {background: url('../../imagenes/vocabulary/WOOLLY_HAT.png') no-repeat;} /*Colours*/ .BLUE {background: url('../../imagenes/vocabulary/BLUE.png') no-repeat;} .GREEN {background: url('../../imagenes/vocabulary/GREEN.png') no-repeat;} .ORANGE_ {background: url('../../imagenes/vocabulary/ORANGE_.png') no-repeat;} .PURPLE {background: url('../../imagenes/vocabulary/PURPLE.png') no-repeat;} .RED {background: url('../../imagenes/vocabulary/RED.png') no-repeat;} .YELLOW {background: url('../../imagenes/vocabulary/YELLOW.png') no-repeat;} /*emotions*/ .CRY {background: url('../../imagenes/vocabulary/CRY.png') no-repeat;} .HAPPY {background: url('../../imagenes/vocabulary/HAPPY.png') no-repeat;} .LAUGH {background: url('../../imagenes/vocabulary/LAUGH.png') no-repeat;} .SAD {background: url('../../imagenes/vocabulary/SAD.png') no-repeat;} /*family*/ .BABY {background: url('../../imagenes/vocabulary/BABY.png') no-repeat;} .DADDY {background: url('../../imagenes/vocabulary/DADDY.png') no-repeat;} .FAMILY {background: url('../../imagenes/vocabulary/FAMILY.png') no-repeat;} .MUMMY {background: url('../../imagenes/vocabulary/MUMMY.png') no-repeat;} /*food*/ .APPLE {background: url('../../imagenes/vocabulary/APPLE.png') no-repeat;} .BABY_BOTTLE {background: url('../../imagenes/vocabulary/BABY_BOTTLE.png') no-repeat;} .BANANA {background: url('../../imagenes/vocabulary/BANANA.png') no-repeat;} .BISCUIT {background: url('../../imagenes/vocabulary/BISCUIT.png') no-repeat;} .BREAD {background: url('../../imagenes/vocabulary/BREAD.png') no-repeat;} .CAKE {background: url('../../imagenes/vocabulary/CAKE.png') no-repeat;} .CARROT {background: url('../../imagenes/vocabulary/CARROT.png') no-repeat;} .CHESTNUTS {background: url('../../imagenes/vocabulary/CHESTNUTS.png') no-repeat;} .FORK {background: url('../../imagenes/vocabulary/FORK.png') no-repeat;} .GLASS {background: url('../../imagenes/vocabulary/GLASS.png') no-repeat;} .ICE_LOLLY {background: url('../../imagenes/vocabulary/ICE_LOLLY.png') no-repeat;} .ICE_CREAM {background: url('../../imagenes/vocabulary/ICE_CREAM.png') no-repeat;} .LEMON {background: url('../../imagenes/vocabulary/LEMON.png') no-repeat;} .MILK {background: url('../../imagenes/vocabulary/MILK.png') no-repeat;} .MUFFIN {background: url('../../imagenes/vocabulary/MUFFIN.png') no-repeat;} .ORANGE {background: url('../../imagenes/vocabulary/ORANGE.png') no-repeat;} .ORANGE_JUICE {background: url('../../imagenes/vocabulary/ORANGE_JUICE.png') no-repeat;} .PEAR {background: url('../../imagenes/vocabulary/PEAR.png') no-repeat;} .SPOON {background: url('../../imagenes/vocabulary/SPOON.png') no-repeat;} .STRAWBERRY {background: url('../../imagenes/vocabulary/STRAWBERRY.png') no-repeat;} .TOMATO {background: url('../../imagenes/vocabulary/TOMATO.png') no-repeat;} .WALNUTS {background: url('../../imagenes/vocabulary/WALNUTS.png') no-repeat;} .WATER {background: url('../../imagenes/vocabulary/WATER.png') no-repeat;} /*house*/ .BED {background: url('../../imagenes/vocabulary/BED.png') no-repeat;} .BEDROOM {background: url('../../imagenes/vocabulary/BEDROOM.png') no-repeat;} .DOOR {background: url('../../imagenes/vocabulary/DOOR.png') no-repeat;} .HOME {background: url('../../imagenes/vocabulary/HOME.png') no-repeat;} .HOUSE {background: url('../../imagenes/vocabulary/HOUSE.png') no-repeat;} .KITCHEN {background: url('../../imagenes/vocabulary/KITCHEN.png') no-repeat;} .LIVING_ROOM {background: url('../../imagenes/vocabulary/LIVING_ROOM.png') no-repeat;} .ROOF {background: url('../../imagenes/vocabulary/ROOF.png') no-repeat;} .WINDOW {background: url('../../imagenes/vocabulary/WINDOW.png') no-repeat;} /*jobs*/ .BAKER {background: url('../../imagenes/vocabulary/BAKER.png') no-repeat;} .CLOWN {background: url('../../imagenes/vocabulary/CLOWN.png') no-repeat;} .DOCTOR {background: url('../../imagenes/vocabulary/DOCTOR.png') no-repeat;} .FIREFIGHTER {background: url('../../imagenes/vocabulary/FIREFIGHTER.png') no-repeat;} .GARDENER {background: url('../../imagenes/vocabulary/GARDENER.png') no-repeat;} .POLICE {background: url('../../imagenes/vocabulary/POLICE.png') no-repeat;} .TEACHER {background: url('../../imagenes/vocabulary/TEACHER.png') no-repeat;} /*transport*/ .BIKE {background: url('../../imagenes/vocabulary/BIKE.png') no-repeat;} .BUS {background: url('../../imagenes/vocabulary/BUS.png') no-repeat;} .CAR {background: url('../../imagenes/vocabulary/CAR.png') no-repeat;} .PLANE {background: url('../../imagenes/vocabulary/PLANE.png') no-repeat;} .SHIP {background: url('../../imagenes/vocabulary/SHIP.png') no-repeat;} .TRAIN {background: url('../../imagenes/vocabulary/TRAIN.png') no-repeat;} /*nature*/ .BEACH {background: url('../../imagenes/vocabulary/BEACH.png') no-repeat;} .FLOWER {background: url('../../imagenes/vocabulary/FLOWER.png') no-repeat;} .JUNGLE {background: url('../../imagenes/vocabulary/JUNGLE.png') no-repeat;} .LEAF {background: url('../../imagenes/vocabulary/LEAF.png') no-repeat;} .LEAVES {background: url('../../imagenes/vocabulary/LEAVES.png') no-repeat;} .MOON {background: url('../../imagenes/vocabulary/MOON.png') no-repeat;} .MOUNTAIN {background: url('../../imagenes/vocabulary/MOUNTAIN.png') no-repeat;} .PLANTS {background: url('../../imagenes/vocabulary/PLANTS.png') no-repeat;} .SAND {background: url('../../imagenes/vocabulary/SAND.png') no-repeat;} .SEA {background: url('../../imagenes/vocabulary/SEA.png') no-repeat;} .SKY {background: url('../../imagenes/vocabulary/SKY.png') no-repeat;} .SNOW {background: url('../../imagenes/vocabulary/SNOW.png') no-repeat;} .STAR {background: url('../../imagenes/vocabulary/STAR.png') no-repeat;} .SUN {background: url('../../imagenes/vocabulary/SUN.png') no-repeat;} .TREE {background: url('../../imagenes/vocabulary/TREE.png') no-repeat;} .WATER {background: url('../../imagenes/vocabulary/WATER.png') no-repeat;} /*nature*/ .ONE {background: url('../../imagenes/vocabulary/ONE.png') no-repeat;} .TWO {background: url('../../imagenes/vocabulary/TWO.png') no-repeat;} .THREE {background: url('../../imagenes/vocabulary/THREE.png') no-repeat;} /*school*/ .BOARD {background: url('../../imagenes/vocabulary/BOARD.png') no-repeat;} .CHILDREN {background: url('../../imagenes/vocabulary/CHILDREN.png') no-repeat;} .CLASSROOM {background: url('../../imagenes/vocabulary/CLASSROOM.png') no-repeat;} .FRIENDS {background: url('../../imagenes/vocabulary/FRIENDS.png') no-repeat;} .PENCIL {background: url('../../imagenes/vocabulary/PENCIL.png') no-repeat;} .SCHOOLBAG {background: url('../../imagenes/vocabulary/SCHOOLBAG.png') no-repeat;} .TEACHER {background: url('../../imagenes/vocabulary/TEACHER.png') no-repeat;} .TOILET {background: url('../../imagenes/vocabulary/TOILET.png') no-repeat;} /*school*/ .AUTUMN {background: url('../../imagenes/vocabulary/AUTUMN.png') no-repeat;} .WINTER {background: url('../../imagenes/vocabulary/WINTER.png') no-repeat;} .SPRING {background: url('../../imagenes/vocabulary/SPRING.png') no-repeat;} .SUMMER {background: url('../../imagenes/vocabulary/SUMMER.png') no-repeat;} /*sizes*/ .BIG {background: url('../../imagenes/vocabulary/BIG.png') no-repeat;} .LONG {background: url('../../imagenes/vocabulary/LONG.png') no-repeat;} .SHORT {background: url('../../imagenes/vocabulary/SHORT.png') no-repeat;} .SMALL {background: url('../../imagenes/vocabulary/SMALL.png') no-repeat;} .TALL {background: url('../../imagenes/vocabulary/TALL.png') no-repeat;} /*street*/ .BAKERY {background: url('../../imagenes/vocabulary/BAKERY.png') no-repeat;} .BUS_STOP {background: url('../../imagenes/vocabulary/BUS_STOP.png') no-repeat;} .GREENGROCERS {background: url('../../imagenes/vocabulary/GREENGROCERS.png') no-repeat;} .LETTER_BOX {background: url('../../imagenes/vocabulary/LETTER_BOX.png') no-repeat;} .LITTER_BIN {background: url('../../imagenes/vocabulary/LITTER_BIN.png') no-repeat;} .POSTBOX {background: url('../../imagenes/vocabulary/POSTBOX.png') no-repeat;} .SHOP {background: url('../../imagenes/vocabulary/SHOP.png') no-repeat;} .STREET {background: url('../../imagenes/vocabulary/STREET.png') no-repeat;} .STREET_LIGHT {background: url('../../imagenes/vocabulary/STREET_LIGHT.png') no-repeat;} .TRAFFIC_LIGHT {background: url('../../imagenes/vocabulary/TRAFFIC_LIGHT.png') no-repeat;} .ZEBRA_CROSSING {background: url('../../imagenes/vocabulary/ZEBRA_CROSSING.png') no-repeat;} /*toys*/ .BALL {background: url('../../imagenes/vocabulary/BALL.png') no-repeat;} .DOLL {background: url('../../imagenes/vocabulary/DOLL.png') no-repeat;} .KITE {background: url('../../imagenes/vocabulary/KITE.png') no-repeat;} .PUPPET {background: url('../../imagenes/vocabulary/PUPPET.png') no-repeat;} .TEDDY_BEAR {background: url('../../imagenes/vocabulary/TEDDY_BEAR.png') no-repeat;} /*shapes*/ .CIRCLE {background: url('../../imagenes/vocabulary/CIRCLE.png') no-repeat;} .SQUARE {background: url('../../imagenes/vocabulary/SQUARE.png') no-repeat;} .TRIANGLE {background: url('../../imagenes/vocabulary/TRIANGLE.png') no-repeat;} /*week*/ .monday {background: url('../../imagenes/monday.png') no-repeat;} .tuesday {background: url('../../imagenes/tuesday.png') no-repeat;} .wednesday {background: url('../../imagenes/wednesday.png') no-repeat;} .thursday {background: url('../../imagenes/thursday.png') no-repeat;} .friday {background: url('../../imagenes/friday.png') no-repeat;} .saturday {background: url('../../imagenes/saturday.png') no-repeat;} .sunday {background: url('../../imagenes/sunday.png') no-repeat;} a.week {position: relative; float: left; display: block; width:200px; background-position:0px 0px; margin: 3px 0px 15px 0px;} a.week:hover {-webkit-filter: drop-shadow(0px 0px 4px #3184D0); filter: drop-shadow(0px 0px 4px #3184D0);} /*weather*/ .Whot {background: url('../../imagenes/hot.png') no-repeat;} .Wcold {background: url('../../imagenes/cold.png') no-repeat;} .Wcloudy {background: url('../../imagenes/cloudy.png') no-repeat;} .Wsunny {background: url('../../imagenes/sunny.png') no-repeat;} .Wwindy {background: url('../../imagenes/windy.png') no-repeat;}