body{
	min-width:320px;
	-webkit-text-size-adjust: none;
	background-color:#FFF;
	font-family: helvetica;
	}

#fondo{
	position:absolute;
	cursor:pointer;
	top: 15%;
	height: 85%;
	left: 5%;
	width:90%;
}

div#imgbg{
	background:url(../img/background.jpg) #FFFFFF center top no-repeat;
	background-size:contain;
	position:relative;
	display:inline-block;
	height:70%;
	width: 100%;
	}

div#enlaces{
	position:absolute;
	bottom:0px;
	width:100%;
	display:inline-block;
	}
	
ul.botonera{
	list-style:none outside none;
	display:inline-block;
	//width:100%;
	position:relative;
	padding:0px;
	}
	
ul.botonera li{
	display:inline-block;
	position:relative;
	width:100%;
	padding-top: 10px;
	}
	
.boton{
	width:0px;
	height:0px;
}
	
ul.botonera li.item a,
ul.botonera li.item a:visited,
ul.botonera li.item a:link,
ul.botonera li.item a:active{
	//background:url(../img/botonera.png);
	width:100%;
	height:100%;
	overflow:hide;
	font-size:0px;
	display:inline-block;
	cursor:pointer;
	}
.mas{
	background:url(../img/mas.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	position:relative;
	//width:100%;
	//height:20%;
	overflow:hide;
	font-size:0px;
	display:block;
	cursor:pointer;
}

.menos{
	background:url(../img/menos.png);
  	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

ul.botonera li a.imoodle{
	//background-position:0px 0px;
	background:url(../img/imoodle.png) center no-repeat;
	background-size:contain;
	}

ul.botonera li a.iwordpress{
	//background-position:0px 150px;
	background:url(../img/iwordpress.png) center no-repeat;
	background-size:contain;
	}

ul.botonera li a.itwitter{
	//background-position:0px 75px;
	background:url(../img/itwitter.png) center no-repeat;
	background-size:contain;
	}
	
ul.botonera li a.imoodle:hover{
	//background-position:105px 0px;
	background:url(../img/imoodle-over.png) center no-repeat;
	background-size:contain;
	}

ul.botonera li a.iwordpress:hover{
	//background-position:105px 150px;
	background:url(../img/iwordpress-over.png) center no-repeat;
	background-size:contain;
	}

ul.botonera li a.itwitter:hover{
	//background-position:105px 75px;
	background:url(../img/itwitter-over.png) center no-repeat;
	background-size:contain;
	}
	
.item{
    /* Prevent some white flashing in Safari 5.1 */
    -webkit-backface-visibility: hidden;

    opacity: 0;

    -webkit-transform: scale(0);
    -moz-transform:    scale(0);
    -ms-transform:     scale(0);
    -o-transform:      scale(0);



    -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
    -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;
    -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;
    -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;
}

.visibility {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform:    scale(1);
        -ms-transform:     scale(1);
        -o-transform:      scale(1);
}

@media only screen and (orientation: portrait){
#fondo{
	position:absolute;
	cursor:pointer;
	top: 5%;
	height: 95%;
	left: 5%;
	width:90%;
}

ul.botonera li{
	display:block;
	position:relative;
	width:100%;
	padding-top: 10px;
	}
div#enlaces{
	position:absolute;
	bottom:10px;
	width:100%;
	display:block;
	}
ul.botonera{
	list-style:none outside none;
	display:block;
	//width:100%;
	bottom:10px;
	position:absolute;
	padding:0px;
	}
}