.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
* {
    outline: 0;
}
.relative{
    position: relative;
}
/* ============================== */
/* ! Clearfix hack para IE        */
/* ============================== */

html.lt-ie7 .row,
html.lt-ie7 .clr,
html.lt-ie7 .group                          { zoom: 1; } /* IE6 */


html.lt-ie8 *:first-child+html .row,
html.lt-ie8 *:first-child+html .clr,
html.lt-ie8 *:first-child+html .group       { zoom: 1; } /* IE7 */


/* ============================== */
/* ! Font faces                   */
/* ============================== */

@font-face {
    font-family: 'al';
    src: url('../font/AbrahamLincoln.eot');
    src: url('../font/AbrahamLincoln.eot?#iefix') format('embedded-opentype'),
     url('../font/AbrahamLincoln.woff') format('woff'),
     url('../font/AbrahamLincoln.ttf') format('truetype'),
     url('../font/AbrahamLincoln.svg#AbrahamLincoln') format('svg');
    font-weight: lighter;
    font-style: lighter;
}

@font-face {
    font-family: 'lob';
    src: url('../font/Lobster1.eot');
    src: url('../font/Lobster1.eot?#iefix') format('embedded-opentype'),
     url('../font/Lobster1.woff') format('woff'),
     url('../font/Lobster1.ttf') format('truetype'),
     url('../font/Lobster1.svg#Lobster1') format('svg');
    font-weight: lighter;
    font-style: lighter;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body,html{
    color: #FFFFFF; 
    height: 640px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: #faf8ea;
}
body {
    font-family: "al";
    font-weight: lighter;
    
}
#container{
    height: 100%;
    left: 50%;
    margin-left: -500px;
    position: relative;
    width: 1000px;
}

/* MENU GRIS */
#menu{
    position: fixed;
    width: 100%;
    z-index: 3;
}

#menu .fondo{
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 110px;
}

#menu .fondo .lineas{
    background-image: url("../img/home/lineas.png");
    height: 58px;
    margin-top: 1px;
    width: 100%;
}

#menu .botones{
    left: 50%;
    margin-left: -25%;
    position: absolute;
}

#menu .botones .logoCrazy,
#menu .botones .linea,
#menu .botones nav,
#menu .botones .sociales,
#menu .botones .logoSavory{
    position: relative;
    float: left;
}

#menu .botones .logoCrazy{
    margin-top: 20px;
}
#menu .botones .logoChico{
    left: 50%;
    margin-left: -24px;
    margin-top: -11px;
    position: absolute;
    cursor: pointer;
}

#menu .botones .linea{
    background-color: #FFFFFF;
    border-radius: 3px;
    height: 73px;
    margin-left: 10px;
    margin-top: 17px;
    width: 3px;
}

#menu .botones nav{
    float: left;
    height: 40px;
    margin-top: 40px;
    position: relative;
}

#menu .botones nav ul{
    font-family: "al";
    font-weight: lighter;
    font-size: 15px;
    margin:0;
    padding: 0;
    list-style: none; 
}
#menu .botones nav ul li{
    border-left: 1px solid #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 26px;
    font-weight: lighter;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

#menu .botones nav ul li:first-child{
    border: none;
}
#menu .botones .sociales{
    margin-top: 38px;
    position: relative;
}
#menu .botones .sociales .faceBtn,
#menu .botones .sociales .tweetBtn,
#menu .botones .sociales .youBtn{
    background-image: url("../img/botones/redes.png");
    float: left;
    height: 28px;
    margin-left: 10px;
    width: 28px;
    cursor: pointer;
}
#menu .botones .sociales .tweetBtn{
    background-position: -29px 0;
}
#menu .botones .sociales .youBtn{
    background-position: -58px 0;
}
#menu .botones .sociales .faceBtn:hover{
    background-position: 0 -28px;
}
#menu .botones .sociales .tweetBtn:hover{
    background-position: -29px -28px;
}
#menu .botones .sociales .youBtn:hover{
    background-position: -58px -28px;
}

#menu .botones .logoSavory{
    margin-left: 20px;
    margin-top: 15px;
    position: absolute;
}


/* SECCIONES */
.seccion{
    margin:0;
    position: relative;
}

.seccion .containerFoto {
    height: 100%;
    overflow: hidden;
    position: absolute;
}

.seccion .containerFoto .bg {
    height: auto;
    width: 100%;
}

.seccion .tramaFoto{
    background-image: url("../img/general/tramaFoto.png");
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.seccion .trama{
    background-image: url("../img/bg.gif");
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.seccion .tituloCompuesto{
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 180px;
    position: relative;
}

.seccion .tituloCompuesto .dBL,
.seccion .tituloCompuesto .dBR{
    background-image: url("../img/general/dingbats.png");
    float: left;
    height: 50px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 5px;
    position: relative;
    width: 167px;
}
.seccion .tituloCompuesto .dBR{
    background-position: -167px 0;
    margin-right: 0px;
    margin-left: 10px;
}
.seccion .tituloCompuesto .containerTitulo{
    width: auto;
    position: relative;
    float: left;
}
.seccion .tituloCompuesto .containerTitulo .lineaArriba,
.seccion .tituloCompuesto .containerTitulo .lineaAbajo{
    background-color: #BD4726;
    border-radius: 3px;
    height: 3px;
    left: 50%;
    margin-left: -50%;
    position: absolute;
    width: 100%;
}

.seccion .tituloCompuesto .containerTitulo .lineaAbajo{
    margin-left: -49%;
    margin-top: 61px;
    width: 98%;
}

.seccion .tituloCompuesto h1{
    color: #000000;
    float: left;
    font-family: "lob";
    font-size: 45px;
    font-weight: lighter;
    margin: 0;
    text-align: center;
}

.seccion .tituloCompuesto span{
    color: #bd4726;
}

/* HOME */

#escudoHome{
    height: 522px;
    left: 50%;
    margin-left: -247px;
    margin-top: -261px;
    position: absolute;
    top: 50%;
    width: 495px;
}
#escudoHome .crazy{
    background-image: url("../img/home/logoPrincipal/crazy.png");
    height: 114px;
    margin-left: 90px;
    position: absolute;
    width: 332px;
    z-index: 2;
}
#escudoHome .helmet{
    background-image: url("../img/home/logoPrincipal/escudo.png");
    height: 347px;
    margin-left: 90px;
    margin-top: 60px;
    position: absolute;
    width: 316px;
}
#escudoHome .hojaL,
#escudoHome .hojaR{
    background-image: url("../img/home/logoPrincipal/hojas.png");
    height: 273px;
    margin-left: 40px;
    margin-top: 87px;
    position: absolute;
    width: 63px;
}

#escudoHome .hojaR{
    background-position: -63px 0;
    margin-left: 390px;
}
#escudoHome .banner{
    background-image: url("../img/home/logoPrincipal/banner.png");
    height: 113px;
    margin-left: 10px;
    margin-top: 363px;
    position: absolute;
    width: 481px;
}
#escudoHome .frase{
    background-image: url("../img/home/logoPrincipal/frase.png");
    height: 55px;
    margin-top: 465px;
    position: absolute;
    width: 493px;
}

#home .flecha{
    background-image: url("../img/botones/flecha.png");
    bottom: 30px;
    cursor: pointer;
    height: 36px;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    width: 98px;
}

/* BIENVENIDOS */

#bienvenido{
    
}
#bienvenido .cartel{
    background-image: url("../img/bienvenidos/cartel.png");
    bottom: 0;
    height: 538px;
    margin-left: -30px;
    position: absolute;
    width: 475px;
}

#bienvenido .videoContainer{
    bottom: 0;
    position: absolute;
    right: 0;
}
#bienvenido .videoContainer .swipeRojo{
    background-color: #BD4726;
    height: 305px;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    width: 515px;
}
#bienvenido .videoContainer .video{
    border: 8px solid #FFFFFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    height: 280px;
    position: relative;
    z-index: 2;
}
#bienvenido .videoContainer h1{
    color: #BD4726;
    font-weight: lighter;
    margin-bottom: 0;
}
#bienvenido .videoContainer h2{
    color: #000000;
    font-family: "lob";
    font-weight: lighter;
    margin: 0 0 10px;
}
#bienvenido .videoContainer .btn{
    background-image: url("../img/botones/matriculate.png");
    color: #FFFFFF;
    cursor: pointer;
    font-family: "lob";
    font-size: 43px;
    height: 67px;
    margin-bottom: 20px;
    padding-left: 22px;
    padding-top: 2px;
    width: 222px;
}

#bienvenido .videoContainer .btn:hover{
    color: #BD4726;
    background-position: 0 -69px;
}
/* BOLSA */

#bolsa h2,
#bolsa h3{
    color: #1C180F;
    font-size: 32px;
    font-weight: lighter;
    position: relative;
    text-align: center;
}
#bolsa h3{
    font-family: "lob";
    font-size: 70px;
    margin: 20px 0;
}
#bolsa .ofertas{
    height: 370px;
    margin-top: 0;
    position: relative;
    width: 980px;
}
#bolsa .ofertas .mascara{
    width: 980px;
    height: 370px;
    overflow: hidden;
    position: absolute;
}
#bolsa .ofertas .mascara .lista{
    width: 2280px;
    height: 370px;
}
#bolsa .ofertas .mascara .lista .box{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    float: left;
    height: 368px;
    margin-left: 60px;
    position: relative;
    width: 287px;
}
#bolsa .ofertas .mascara .lista .box:first-child{
    margin-left: 0;
}
#bolsa .ofertas .mascara .lista .box .img{
    left: 50%;
    margin-left: -125px;
    margin-top: 20px;
    position: absolute;
}
#bolsa .ofertas .mascara .lista .box .info{
    margin-left: 19px;
    width: 252px;
    margin-top: 205px;
    position: absolute;
}
#bolsa .ofertas .mascara .lista .box .descripcion .bases{
    float: right;
    margin-top: 95px;
    position: relative;
    right: -37px;
}
#bolsa .ofertas .mascara .lista .box .descripcion .bases a{
    bottom: -90px;
    color: #7D7D7D;
    cursor: pointer;
    font-size: 20px;
    font-weight: lighter;
    right: 0;
    text-decoration: none;
}

#bolsa .ofertas .mascara .lista .box .descripcion .bases a:hover{
    color:#C74834;
}
#bolsa .ofertas .mascara .lista .box .info .fecha{
    background-image: url("../img/ofertas/fechaIcon.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #7D7D7D;
    font-size: 18px;
    padding-left: 27px;
}
#bolsa .ofertas .mascara .lista .box .info .postulantes{
    background-image: url("../img/ofertas/postulantesIcom.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #7D7D7D;
    font-size: 18px;
    padding-left: 27px;
    float: right;
}
#bolsa .ofertas .mascara .lista .box h1{
    color: #1D1D1D;
    font-size: 36px;
    font-weight: lighter;
    line-height: 33px;
    margin-bottom: 8px;
    margin-top: 240px;
    position: relative;
    text-align: center;
    width: 100%;
}
#bolsa .ofertas .mascara .lista .box .descripcion{
    color: #333333;
    display: none;
    margin-left: 355px;
    margin-top: 20px;
    position: absolute;
    text-align: left;
    width: 50%;
}

#bolsa .ofertas .mascara .lista .box .descripcion p{
    font-size: 20px;
    font-weight: lighter;
    line-height: 22px;
}

#bolsa .ofertas .mascara .lista .box .descripcion .sueldo{
    background-color: #679EA9;
    color: #FFFFFF;
    float: left;
    font-size: 31px;
    height: 97px;
    margin-right: 10px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 141px;
}
#bolsa .ofertas .mascara .lista .box .descripcion .sueldo p{
    font-size: 31px;
    line-height: 31px;
    margin: 0;
}
#bolsa .ofertas .mascara .lista .box .descripcion .sueldo span{
    background-color: #FFFFFF;
    color: #333333;
    font-size: 26px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 100%;
}

#bolsa .ofertas .mascara .lista .box .descripcion h2{
    font-size: 23px;
    font-weight: lighter;
    margin: 0 0 5px;
    text-align: left;
}

#bolsa .ofertas .mascara .lista .box .descripcion span{
    color: #C74834;
}

#bolsa .ofertas .mascara .lista .box .descripcion .crazy{
    background-image: url("../img/ofertas/crazy.png");
    float: right;
    height: 108px;
    margin-top: -20px;
    position: absolute;
    right: -80px;
    width: 268px;
}

#bolsa .ofertas .mascara .lista .box .btnVer{
    background-color: #C74834;
    border-radius: 17px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 25px;
    left: 50%;
    margin-left: -50px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
#bolsa .ofertas .mascara .lista .box .btnVer:hover{
    background-color: #fff;
    color: #C74834;
    border: 1px solid #c5c5c5;
}
#bolsa .ofertas .mascara .lista .box .lineaRoja{
    background-color: #C74834;
    bottom: 5px;
    height: 5px;
    margin-left: 5px;
    position: absolute;
    width: 275px;
}

#bolsa .ofertas .leftNav{
    background-image: url("../img/ofertas/nav.png");
    background-position: 0px 0px;
    cursor: pointer;
    height: 98px;
    left: 0;
    margin-left: -75px;
    position: absolute;
    top: 120px;
    width: 36px;
}
#bolsa .ofertas .leftNav:hover{
    /*background-position: 0px 0px;*/
}
#bolsa .ofertas .rightNav{
    background-image: url("../img/ofertas/nav.png");
    background-position: 0px 98px;
    cursor: pointer;
    height: 98px;
    margin-right: -85px;
    position: absolute;
    right: 0;
    top: 120px;
    width: 36px;
}
#bolsa .ofertas .rightNav:hover{
    /*background-position: 36px 0px;*/
}
#bolsa .habemus{
    background-image: url("../img/ofertas/habemus.png");
    height: 111px;
    left: 50%;
    margin-left: -423px;
    margin-top: 25px;
    position: relative;
    width: 855px;
}



/* MALLA */

#malla{
    
}
#malla h2{
    color: #1C180F;
    font-weight: lighter;
    text-align: center;
    position: relative;
}
#malla .horario{
    background-color: #E1E1E1;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    bottom: 2px;
    padding-bottom: 8px;
    position: absolute;
    width: 100%;
}

#malla .horario .izq{
    width: 12%;
    float: left;
}

#malla .horario .izq .logo{
    background-image: url("../img/malla/logoGris.png");
    height: 92px;
    margin: 10px auto auto;
    width: 92px;
}

#malla .horario .izq .textoGirado{
    color: #525252;
    font-family: "lob";
    font-size: 62px;
    font-weight: lighter;
    line-height: 35px;
    margin: 160px 0 0 -120px;
    text-align: center;
    transform: rotate(270deg);
    width: 340px;
}


#malla .horario .semestre{
    width: 29%;
    float: left;
}

#malla .horario .semestre h1{
    color: #1C180F;
    font-size: 32px;
    font-weight: lighter;
    margin-bottom: 2px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
}


#malla .horario .ramo{
    background-color: #B8B8B8;
    border-radius: 20px;
    float: left;
    margin: 3% 20%;
    width: 55%;
    height: 80px;
}

#malla .horario .ramo p{
    font-size: 28px;
    font-weight: lighter;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 12px;
    text-align: center;
}

#malla .horario .ramo .like {
    border: 1px solid #FFFFFF;
    border-radius: 14px;
    margin: -90px 0 0 150px;
    padding: 5px 8px 0 3px;
    position: absolute;
    width: auto;
    cursor: pointer;
}
#malla .horario .ramo .like p{
    float: left;
    font-size: 22px;
    font-weight: lighter;
    margin: 0;
    padding-left: 7px;
    padding-top: 4px;
    position: relative;
    width: auto;
}

#malla .horario .ramo .like .mano{
    margin-left: 4px;
}

#malla .horario .a{
    background-color: #c74834;
}
#malla .horario .b{
    background-color: #4b7762;
}
#malla .horario .c{
    background-color: #fa8340;
}
#malla .horario .d{
    background-color: #004666;
}
#malla .horario .e{
    background-color: #4b7762;
}
#malla .horario .f{
    background-color: #b0834d;
}
#malla .horario .g{
    background-color: #42ab8a;
}
#malla .horario .h{
    background-color: #910d6d;
}
#malla .horario .i{
    background-color: #c74834;
}

#malla .horario .f p{
    margin-top: 26px;
}
#malla .horario .f .like{
    margin-top: -74px;
}

#malla .horario .lineaVert{
    background-color: #000000;
    border-radius: 3px;
    height: 85%;
    margin-top: 5%;
    position: absolute;
    width: 3px;
}
#malla .horario .linea1{
    left: 13%;
}
#malla .horario .linea2{
    height: 75%;
    left: 42%;
    margin-top: 10%;
}
#malla .horario .linea3{
    height: 75%;
    left: 70%;
    margin-top: 10%;
}


/* MODAL */

#modal{
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}

#mensajeContainer{
    background-color: #FFFFFF;
    border-bottom: 8px solid #C74834;
    box-shadow: -10px 0 20px 10px rgba(0, 0, 0, 0.6);
    height: 368px;
    left: 50%;
    margin-left: -400px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
    width: 800px;
    z-index: 11;
    overflow: hidden;
}
#mensajeContainer .imgContainer{
    float: left;
    margin-left: 20px;
    margin-top: 22px;
}

#mensajeContainer h1,
#mensajeContainer h2,
#mensajeContainer p{
    float: left;
    position: relative;
    width: 430px;
    margin-left: 18px;
    margin-bottom: 0;
    margin-top: 0;
}
#mensajeContainer h1{
    border-bottom: 2px solid #1D1D1D;
    color: #1D1D1D;
    font-family: "lob";
    font-size: 37px;
    font-weight: lighter;
    margin-top: 20px;
    padding-bottom: 2px;
}

#mensajeContainer p{
    color: #1C180F;
    font-size: 20px;
    margin-top: 50px;
}

#mensajeContainer h2{
    color: #4B7762;
    font-size: 33px;
    font-weight: lighter;
    margin-top: 20px;
}
#mensajeContainer h4{
    color: #4B7762;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 338px;
    margin-top: 317px;
    position: absolute;
}

#mensajeContainer .btnMeGusta{
    background-image: url("../img/botones/meGusta.png");
    bottom: 22px;
    height: 31px;
    margin-left: 334px;
    position: absolute;
    width: 125px;
    cursor: pointer;
}

#mensajeContainer .helado{
    background-image: url("../img/malla/helado.png");
    bottom: 5px;
    height: 115px;
    position: absolute;
    right: 20px;
    width: 110px;
}

#cerrarModal{
    background-color: #000000;
    border: 2px solid #FFFFFF;
    border-radius: 23px;
    color: #FFFFFF;
    font-family: "lob";
    font-size: 19px;
    font-weight: lighter;
    left: 50%;
    margin-left: 381px;
    margin-top: -221px;
    padding: 7px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 22px;
    z-index: 13;
    cursor: pointer;
}

#cerrarModal:hover{
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
}

#caja{
    display: block;
    height: 400px;
    left: 50%;
    margin-left: -350px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 11;
}
#caja .boxRojo{
    background-color: #C74834;
    height: 400px;
    position: absolute;
    width: 700px;
}

#caja .contenedor{
    background-color: #FFFFFF;
    height: 380px;
    margin: 10px;
    position: absolute;
    width: 680px;
    overflow: hidden;
}
#caja .contenedor .logo{
    background-image: url("../img/ofertas/caja/logo.png");
    float: left;
    height: 244px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 60px;
    width: 231px;
}
#caja .contenedor .linea{
    background-color: #000000;
    border-radius: 3px;
    float: left;
    height: 80%;
    margin-right: 20px;
    margin-top: 5%;
    width: 3px;
}
#caja .contenedor h1{
    color: #000000;
    font-family: "lob";
    font-size: 32px;
    font-weight: lighter;
    margin: 20px 0 0;
    float: left;
}
#caja .contenedor h1 img{
    display: block;
    float: left;
    margin-top: -18px;
    padding-top: 20px;
}
#caja .contenedor h1 span{
    color: #C74834;
    float: left;
}
#caja .contenedor .crazy{
    background-image: url("../img/ofertas/caja/crazy.png");
    float: left;
    height: 135px;
    margin-top: 10px;
    width: 144px;
}
#caja .contenedor .lupa{
    background-image: url("../img/ofertas/caja/lupa.png");
    float: left;
    height: 145px;
    margin-left: 10px;
    width: 173px;
}
#caja .contenedor p{
    color: #000000;
    display: block;
    float: left;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
    text-align: center;
    width: 340px;
}
#caja .contenedor input{
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/ofertas/caja/input.png");
    border: medium none;
    font-family: "lob";
    font-size: 25px;
    height: 40px;
    margin-left: 42px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 252px;
}
#caja .contenedor .continuar {
    background-image: url("../img/ofertas/caja/btn.png");
    float: right;
    font-family: "lob";
    font-size: 22px;
    height: 38px;
    padding-top: 3px;
    position: relative;
    right: 122px;
    text-align: center;
    width: 141px;
}

#caja .contenedor .continuar:hover {
    color: #6199a5;
    background-position: 0 -41px;
}
#caja .contenedor h3 {
    background-color: #C74834;
    color: #FFFFFF;
    float: left;
    font-family: "lob";
    font-size: 24px;
    font-weight: lighter;
    margin: 0 0 6px;
    text-align: center;
    width: 50%;
}
#caja .contenedor h4 {
    background-color: #C74834;
    color: #FFFFFF;
    float: left;
    font-family: "lob";
    font-size: 24px;
    font-weight: lighter;
    margin: 0 0 6px;
    text-align: center;
    width: 50%;
}
#caja .contenedor .logoCrazy2 {
    margin-top: 170px;
    position: absolute;
    right: 80px;
}
#facefoto{

}
#facefoto .foto img{
    margin-left: 120px;
    margin-top: 10px;
    width: 100px;
}
#facefoto h2{
    color: #000000;
    float: left;
    font-family: "lob";
    font-weight: lighter;
    margin: 0;
    text-align: center;
    width: 48%;
}


/* pensamientos */
#pensamientos{

}
#pensamientos .memes{
    background-image: url('../img/pensamientos/bgPensamientos.png');
    width: 500px;
    height: 557px;
    position: absolute;
    margin-top: 60px;
}
#pensamientos .memes .pens{
    margin-left: 23px;
    margin-top: 13px;
    position: absolute;
    transform: rotate(-2deg);
}
#pensamientos .memes .left{
    background-image: url("../img/pensamientos/flechas.png");
    bottom: 20px;
    cursor: pointer;
    height: 48px;
    left: 30px;
    position: absolute;
    width: 29px;
}
#pensamientos .memes .left:hover{
    background-position: 0px 48px;
}
#pensamientos .memes .right{
    background-image: url('../img/pensamientos/flechas.png');
    background-position: 29px 0px;
    width: 29px;
    height: 48px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    bottom: 35px;
}
#pensamientos .memes .right:hover{
    background-position: 29px 48px;
}
#pensamientos .memes .logoCrazy{
    background-image: url("../img/pensamientos/logoCrazy.png");
    bottom: 18px;
    height: 71px;
    left: 88px;
    position: absolute;
    width: 332px;
}

#pensamientos .tuiteos{
    position: absolute;
    right: 0;
    width: 480px;
}

#pensamientos .tuiteos .estrella{
    background-image: url("../img/pensamientos/estrella.png");
    float: left;
    height: 33px;
    margin-top: 14px;
    position: relative;
    width: 38px;
}
#pensamientos .tuiteos h2{
    color: #000000;
    float: left;
    font-family: "lob";
    font-size: 36px;
    font-weight: lighter;
    margin: 5px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
#pensamientos .tuiteos p{
    color: #000000;
    float: left;
    font-size: 29px;
    margin-top: 9px;
}
#pensamientos .tuiteos span{
    color: #C74834;
}
#pensamientos .tuiteos .tuiterContainer{
    height: 500px;
}

/*PERFIL*/

#perfil{
    position: fixed;
    left: 0;
    top: 120px;
    z-index: 20;
}

#perfil .foto{
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 4px rgba(0, 0, 0, 0.2);
    height: 125px;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    width: 110px;
    z-index: 2;
    margin-top: 20px;
}
#perfil .foto img{
    left: 50%;
    margin-left: -44px;
    position: absolute;
    width: 88px;
}

#perfil .chuleta {
    background-color: #F9F7E2;
    border: 3px solid #FFFFFF;
    border-radius: 0 25px 25px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    height: 170px;
    margin-left: -526px;
    padding-left: 160px;
    position: absolute;
    width: 340px;
}
#perfil .chuleta h1{
    color: #000000;
    font-family: "lob";
    font-weight: lighter;
    margin: 20px 0 0;
}
#perfil .chuleta h1 span{
    color: #C74834;
}
#perfil .chuleta h2{
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    margin: 5px 0;
}

/* FOOTER */
.footer{
    background-image: url("../img/general/footer.png");
    height: 224px;
    margin-left: -50%;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.footer .frambuesa{
    background-image: url("../img/general/frambuesa.png");
    float: left;
    height: 216px;
    left: 50%;
    margin-left: -460px;
    position: absolute;
    width: 196px;
}
.footer .flocos{
    background-image: url("../img/general/flocos.png");
    float: left;
    height: 213px;
    left: 50%;
    margin-left: -225px;
    position: absolute;
    width: 193px;
}
.footer .chirimoya{
    background-image: url("../img/general/chirimoya.png");
    float: left;
    height: 213px;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 193px;
}
.footer .crazy{
    background-image: url("../img/general/crazy.png");
    float: left;
    height: 216px;
    left: 50%;
    margin-left: 235px;
    position: absolute;
    width: 196px;
}