/* Links */		
    a { text-decoration: underline; color: #2b2b2b; }
    a:hover { text-decoration: underline; color: #fff; }
            
    a2 { text-decoration: underline; color: #2b2b2b; cursor: pointer; }
    a2:hover { text-decoration: underline; color: #666; }
    
    h1 { font-size: 18px; color:#666; font-weight: normal; }
    h2 { font-size: 11px; color:#666; font-weight: normal; margin-top: -18px; }
    
    /* Tipografia */
    .theserif { font-family: 'theserif',georgia; }
    .thesans { font-family: 'thesans',arial; }
    
    .b_right { }
    .b_right:after { left: 30%; }
    
    .b_small { }
    .b_small:after { left: 35%; }
    
    p { font-family: 'thesans',arial; font-size:14px; font-weight: normal; text-align:center; }
    .tri, .img-container img, .img-container .txt { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
    .opacityNo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important; filter: alpha(opacity=100)!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important; }
    .ok, .ko, .plus-but, .txt-container .txt-container-wrapper strong { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
    .plus-but { -moz-box-shadow: 0 8px 0 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 8px 0 0 rgba(0,0,0,.1); box-shadow: 0 8px 0 0 rgba(0,0,0,.1); }
    #tri-cent1, #tri-cent2 { transform:scale(0); }
    .svg-text, #intro-title .title1, #section-title span { font-family: 'chewy', sans-serif; text-shadow:0 .2em 0 rgba(0, 0, 0, 0.15); }
    
    
    /* Buttons */
    .round-button { font-family: 'thesans',arial; font-size:14px; font-weight:bold; text-align:center; color:#f5f5f5; text-decoration:none; display:block; width:35px; height:35px; line-height:35px; border: 2px solid #f5f5f5; border-radius: 50%; background: #bbb; box-shadow: 0 0 5px gray; cursor: pointer; }
    .round-button:hover { background: #999; }
    
    /* Estructura */
    body { font-family: 'thesans',arial; font-size: 16px; line-height: 1.2em; color:#666; background: #f0f0f0; }		
    #contingut { width: 1000px; height: 670px; background-color: #fff; position:absolute; margin:0 auto; top:0; left:0; right:0; bottom:0; box-shadow: 1px 1px 2px #cccccc, 0 0 25px #cccccc, 0 0 5px #cccccc; }		
    .lacaixa { width: 940px; height: 60px; background-color: #fff; position: relative; z-index: 10000; }			
    .titol { width: 940px; height: 60px; text-align: center; position: absolute; padding-top: 6px; }	
    .logo-titol { position: absolute; }				
    .logo-titol-1 { width: 160px; height: 60px; left: 5px; top: 5px; }	
    .logo-titol-2 { width: 90px; height: 60px; right: 0; padding-top: 13px; font-size: 13px; line-height: 13px; color:#666; font-weight: lighter; }					
    .logo-titol-3 { width: 60px; height: 50px; right: 100px; border-right: 1px dotted #666; margin-top: 5px; }					
    .footer { position: absolute; bottom: 0px; }				
    .logo-footer { position: absolute; left: 350px; }					
    .credits { width: 60px; height: 50px; left: 840px; margin-top: 11px; }			
    #credits-bg { width: 1000px; height: 610px; background-color: rgba(255, 255, 255, 1); position: absolute; bottom: 0; z-index: 9000; }
    

    /* Credits */
    
    #credits.pagina .txt-container-wrapper { left: 90px; top: 70px; width: 850px; height: 470px; }
    #credits-text, #credits .txt-container-wrapper, #credits-titol { position:absolute; top:0; left:0; }
    #credits-titol { left:0; width:100%; text-align:center; top:20px; color:#000; font-family: 'chewy', sans-serif; font-style:normal; font-weight:normal; font-size:24px; line-height:24px; letter-spacing:1px; }
    #credits-text { z-index:100; left:310px; top:130px; color:#000; width:360px; }
    #credits-text p { font-size:15px; line-height:20px; }
    
    
    
    
    /* Continguts */
    /* Gral */
    .content-wrapper { height:550px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden; }
    .content { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
    .content * { cursor:default; }
    .content, .movie { display:none; }
    
    
    
    
    
    
    .txt-container p { margin:0; padding:0; color:#000; letter-spacing:.05em; font-size:1.2em; line-height:1.4em; font-family: 'chewy', sans-serif; }
    .txt-container.conversa p { padding:1.6em 2em 1.3em; }
    .txt-container.pregunta p { padding:1em 2em 2em; }
    .txt-container#movie3-txt11 { z-index:100; }
    .conversa .txt-container-wrapper p { font-family:'lovedbytheking', sans-serif; font-size:1.3em; }
    .conversa#movie4-inter2b .txt-container-wrapper p, .conversa#movie4-inter2c .txt-container-wrapper p { font-size:1.15em; }
    .conversa .txt-container-wrapper p em { font-family: 'chewy', sans-serif; font-style:normal; }
    #movie3-img, #movie3-img .img-wrapper { width:323px; height:455px; }
    .img-container .img-wrapper .txt { display:block; width:140px; font-family: 'chewy', sans-serif; text-align:center; font-size:24px; color:#000; letter-spacing:1px; left:inherit; right:5px; top:194px; bottom:inherit; position:absolute; }
    
    .plus-but { position:absolute; z-index:10; right:5px; bottom:-12px; width:45px; height:45px; background:#fee100; text-align:center; display:none; }
    .plus-but i { font-size:25px; line-height:45px; color:#000; }
    
    .txt-container.butHover, .txt-container.butHover *, .txt-container.conversa .plus-but, .txt-container.conversa .plus-but * { cursor:pointer!important; }
    .cursorDraggable, .cursorDraggable * { cursor:move!important; }
    .cursorDefault, .cursorDefault *, .txt-container.cursorDefault, .txt-container.cursorDefault * { cursor:default!important; }
    .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; }
    .txt-container.conversa.top, .txt-container.pregunta.top { width:300px; top:-1.5em; left:-1em; }
    .txt-container.pregunta.top { width:500px; left:300px; }
    .txt-container.pregunta.top.large { width:650px; left:-20px; }
    .txt-container.pregunta.top.more-large { width:860px; left:-25px; }
    .txt-container.pregunta.top.minus { width:330px; left:-15px; }
    .txt-container.pregunta.top.mini { width:350px; left:-15px; top:-25px!important; }
    .txt-container.pregunta.top.minus-large { width:500px; left:-20px; }
    .txt-container.pregunta.top.short { left:250px; }
    .txt-container.conversa.top p, .txt-container.pregunta.top p { padding-top:2em; padding-left:2em; }