@import url('reset.css');
@import url('base.css');

/*(C)2008 (X)HTML and CSS coded by Nicolas Calabrese - www.sikker.com.ar / for www.web2.la */

      
      html {text-align:center; background:#BBBAB5 url(../img/style/page-bg.jpg) repeat-x; }
      body {background:url(../img/style/preloader.gif) no-repeat 50% 200px; min-height:800px;}
      #wrapper {width:971px; height:750px; margin:26px auto; text-align:left; position:relative; }

      #homepage #wrapper {background:url(../img/style/homepage-wrapper-bg.jpg) no-repeat; display:none;}
      #intro #wrapper {background:url(../img/style/intro-wrapper-bg.jpg) no-repeat; }
      #app #wrapper {background:url(../img/style/app-wrapper-bg.jpg) no-repeat; }

 
      
      /* Header */
            #header {height:0px; }
                  #header h1 {position:absolute; top:39px; left:383px; }


      /* Content */

            #content {height:616px; }
            #intro #wrapper #content {padding:1px 0 0 2px;}
            
            #video {left:107px; position:absolute; top:205px;}
            
            #content h2, #content #intro.rightcol li span, #content #form.rightcol li label, #content #form.rightcol h3 {display:none;}
            #content #intro.rightcol li a {display:block; background:red; width:36px; height:35px; position:absolute; top:206px; left:829px; text-indent:-5000px; 
            background:url(../img/content/icon-plantilla.gif) no-repeat; }

            #content #form.rightcol ol {background:url(../img/style/form-bg.jpg) no-repeat; position:absolute; top:185px; left:455px; 
            width:408px; height:235px; }
            
            #content .rightcol .button {width:160px; height:75px; text-indent:-5000px; display:block; position:absolute; top:436px; left:574px; 
            position:absolute; }
            #content #intro.rightcol .button {background:url(../img/style/jugar-button-bg.jpg) no-repeat;}
            #content #form.rightcol .button {background:url(../img/style/continuar-button-bg.jpg) no-repeat;}
            #content .rightcol .button:hover {background-position:0 -75px!important; }
            
            #content #form.rightcol input {border:1px solid #BBB4AA;}
            #content #form.rightcol li {position:relative; top:81px; left:143px; }
            #content #form.rightcol input.text {height:18px; width:177px; margin:0 0 5px 0; }
            #content #form.rightcol input.checkbox {position:relative; left:161px}
            
            #content #flasharea {position:absolute; top:61px; left:163px;}
            #app #content a {background:url(../img/style/volver-button.jpg) no-repeat 0 -25px; display:block; height:25px; left:439px; position:absolute; text-indent:-5000px; top:548px; width:85px;}
            #app #content a:hover {background-position:0 0 ; }

            
      /* Footer */

            #footer {height:150px; position:relative; }
            #footer p {text-indent:-5000px; } 
            #footer p.legal {width:546px; height:53px; background:url(../img/style/legal-bg.jpg) no-repeat; margin:0 0 0 5px; }
            
            #footer .tw, #footer .fb {position:absolute; top:-6px}
            #footer .tw {right:27px}
            #footer .fb {right:6px}