/* 
    Document   : estilos
    Created on : 10-abr-2013, 10:49:35
    Author     : Xavier Pol
    Description:
        Purpose of the stylesheet follows.
*/

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

@font-face {
    font-family: 'fooregular';
    src: url('foo-webfont.eot');
    src: url('foo-webfont.eot?#iefix') format('embedded-opentype'),
         url('foo-webfont.woff') format('woff'),
         url('foo-webfont.ttf') format('truetype'),
         url('foo-webfont.svg#fooregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p { font-family: 'WebFont'; }



body {
    /*background-image: url(../recursos/img/nubes.png);
    background-repeat:repeat-x;
    background-attachment:fixed;
    background-color: #90f7fa;
    overflow-x: hidden;
    background-size: 480px auto;*/
}

#header_p {
    position:relative;
    left:70px;
    height: 25%;  
}

.logo_p {
    margin-top: 50px;
    width: 400px;
    height: 119px;
}

#addiktiveguy_p{
    min-width: 840px;
    min-height: 500px;
    width: 840px;
    height: 500px;
    position: absolute;
    background-image: url(../recursos/img/personajeADDIKTIVE.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    top:70px;
    left:-400px;
    z-index:9;
}

#estela_p{
    min-width: 840px;
    min-height: 500px;
    width: 840px;
    height: 500px;
    position: absolute;
    background-image: url(../recursos/img/personajeADDIKTIVEestela.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    top:70px;
    left:-400px;
    z-index:-2;
}

div#games_p {
    
}

div#main_p{
    position: absolute;
    width: 450px;
    margin: 0px 0px 0px 0px;
    left:-15px;
    z-index:1;
    top:70px;
}


div#left_p {
    position: relative;
    width:340px;
    left: 20%;
    top:200px;
}

div#right_p {
    position: relative;
    width: 340px;
    left: 20%;
    top:200px;
}

div#middle_p {
    position: relative;
    left: 20%;
    width: 340px;
    top:200px;
}

.text_title_p {
    width: 300px;
}

#bs_2_img_p{
    padding-top: 20px;
    padding-left: 3px;
    cursor: pointer;
}

#bs_3_img_p{
    padding-left: 3px;
    cursor: pointer;
}

#bb_bar_img_p{
    padding-left: 5px;
    cursor: pointer;
    
}

.img_juego_bajo_l_p{
    padding: 100px 0px 20px 10px;
    position: relative;
    cursor: pointer;
}

.img_juego_bajo_r_p{
    padding: 100px 0px 0px 10px;
    position: relative;
    cursor: pointer;
}

.img_juego_alto_p{
    padding: 50px 50px 20px 10px;
    position: relative;
    cursor: pointer;
}

.logo_juego_p {
    width: 290px;
    height: 290px;
}

.down_button_p {
    width: 313px;
    height: 128px;
}

.download_button_p{
    padding: 20px 0px 20px 0px;
}

.download_button_p{
    min-width: 300px;
    min-height: 140px;
    padding: 20px 10px 20px 0px;
    background-image: url(../recursos/img/download_button_trans.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 300px;
    height: 130px;
    cursor: pointer;
}

.download_button_rot_1_p {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
}

.download_button_rot_2_p {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
}

.down_button_rot_0_p {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.title_game_p {
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.title_game_p p{
    text-align: center;
}

div#social_p{
    position: absolute;
    top:100%;
    width: 85px;
    left:10%;
}

div.like-container{
    
}

ul.like-buttons{
    
    
}

ul.like-buttons li{ 
    display:inline;
    list-style-type: none;
    padding-right: 20px;
}


footer_p {
    position:absolute; 
    bottom:0;
    text-align: center;
    background-color: red;
    width: 99%;
    opacity: 0.3;
}

a, a:hover, a:visited {
        color: inherit;
}

#subir_1_p{
    position: absolute;
    top:120px;
    left: 73px;
}

#subir_1_img_p {
    width: 144px;
    height: 112px;
}

#subir_2_p{
    position: absolute;
    top:120px;
    left: 35px;
}

#subir_2_img_p {
    width: 240px;
    height: 160px;
}

#subir_3_p{
    position: absolute;
    top:70px;
    left: 35px;
}

#subir_3_img_p {
    width: 240px;
    height: 160px;
}

.web_descargar{
    float:left;
    background: url(../recursos/img/boton_superior_download.png);
    background-repeat:no-repeat;
    min-height: 50px;
    min-width: 150px;
}

.web_descargar:hover{
    float:left;
    background: url(../recursos/img/boton_superior_download_hover.png);
    background-repeat:no-repeat;
    min-height: 50px;
    min-width: 150px;
}

.web_jugar{
    float: right;
    background: url(../recursos/img/boton_superior_playNow.png);
    background-repeat:no-repeat;
    min-height: 50px;
    min-width: 150px;
}

.web_jugar:hover{
    float: right;
    background: url(../recursos/img/boton_superior_playNow_hover.png);
    background-repeat:no-repeat;
    min-height: 50px;
    min-width: 150px;
}

div#botones_p {
    position: relative;
    width: 300px;
    left: 7%;
    top:80px;
}

#bubble_1_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_4_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_5_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_6_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_7_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_8_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_1_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_2_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_3_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_4_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_5_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_6_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_7_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_8_2_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_1_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_2_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_3_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_4_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_5_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_6_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_7_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}

#bubble_8_3_p {
    position: absolute;
    left:100px;
    top: 100px;
    width: 35px;
    height: auto;
}