/* 
    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*/
}

#header_t {
    position:relative;
    left:70px;
    height: 25%;  
    margin-bottom: 30px;
}

.logo_t {
    width: 509px;
    height: 151px;
    margin-bottom: 100px;
}

#addiktiveguy_t{
    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:20px;
    left:-400px;
    z-index:9;
}

#estela_t{
    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:20px;
    left:-400px;
    z-index:-2;
}

div#main_t{
    position: absolute;
    width: 650px;
    top: 190px;
    margin: 0px 0px 0px 0px;
    z-index:1;
}


div#left_t {
    float:left;
    width:300px;
    z-index:1;
}

div#right_t {
    float: right;
    width: 300px;
    z-index:1;
}

div#middle_t {
    width: 300px;
    position: relative;
    top:730px;
    z-index:1;
}

.text_title_t {
    width: auto;
    height: 140px;
    padding-left: 25px;
}

.text_title_t_r {
    width: auto;
    height: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
}

.text_title_t_b {
    width: auto;
    height: 80px;
    padding-left: -10px;
}

text_title_t_a {
    width: auto;
    height: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#bs_2_img_t{
    padding-top: 20px;
}

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

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

.img_juego_alto_t{
    padding: 65px 0px 20px 10px;
    position: absolute;
    cursor: pointer;
}

.logo_juego_t {
    width: 256px;
    height: 256px;
}

.down_button_t {
    width: 280px;
    height: 125px;
    cursor: pointer;
}

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

.download_button_t_bb2{
    min-width: 260px;
    min-height: 140px;
    padding: 20px 15px 20px 0px;
    background-image: url(../recursos/img/download_button_trans.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 260px;
    height: 140px;
    cursor: pointer;
    margin-top: 38px;
}

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

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

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

.title_game_t {
    vertical-align: middle;
    padding: 0px 0px 0px 5px;
    left: 20px;
    cursor: pointer;
}

.title_game_t_b {
    padding: 0px 0px 0px 5px;
    position: absolute;
    top:330px;
    left: 10px;
    cursor: pointer;
}

.download_button_t_b{
    padding: 20px 15px 20px 0px;
    position: absolute;
    top: 410px;
    cursor: pointer;
    min-width: 260px;
    min-height: 140px;
    background-image: url(../recursos/img/download_button_trans.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 260px;
    height: 140px;
}

.title_game_t p{
    text-align: center;
    cursor: pointer;
}

div#social_t{
    position: relative;
    width: 80px;
    top: 0px;
    left: 15%;
}

div.like-container{
    width:80px; 
}

ul.like-buttons{
    list-style: none;
    padding: 5px 5px 5px 5px;
    margin: 5px auto;
}

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

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

#subir_1_t{
    position: absolute;
    top:150px;
    left: 70px;
}

#subir_1_img_t {
    width: 117px;
    height: 91px;
}

#subir_2_t{
    position: absolute;
    top:150px;
    left: 393px;
}

#subir_2_img_t {
    width: 195px;
    height: 130px;
}

#subir_3_t{
    position: absolute;
    top:75px;
    left: 43px;
}

#subir_3_img_t {
    width: 195px;
    height: 130px;
}
div#botones_t {
    position: relative;
    width: 300px;
    left: 13%;
}

div#web_descargar_t{
    float:left;
    width: 150px;
    
}

div#web_jugar_t {
    float: right;
    width: 150px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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