/* CSS Document */
/* CSS Document */
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

		
		#wrap 
    { 
      position: relative; 
      width: 600px; 
      margin: 50px auto; 
      padding: 20px; 
      background-color:rgba(255,255,255,0.9);
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;  
    }
    #reproductor
    {
      padding:25px;
      background-color:black;
      border:5px;
      border-style:outline;
      border-style:dashed;
      border-width:0px;
      border-color:white;
      -moz-border-radius-bottomleft: 30px;
      -moz-border-radius-bottomright: 30px;
      -webkit-border-top-left-radius: 30px;
      -moz-border-radius-topleft: 30px;
      -moz-border-radius-topright: 30px;
      -webkit-border-top-right-radius: 30px;
      -webkit-border-bottom-left-radius: 30px;
      -webkit-border-bottom-right-radius: 30px;  
      
      
      -webkit-box-shadow: 0px 2px 0px 2px rgb(0,21,78);
      -moz-box-shadow: 0px 2px 0px 2px rgb(0,21,78);
    
    }
    		h1 {font: 30px Fredoka One; }
    		h1.finger{font: 30px Finger Paint;}
    		h2 {font: 30px Shadows Into Light; color:red;}
    		h3{font: 20px Pompiere;}
    		p { font: 15px/2 Cagliostro; margin: 0 0 30px 0; text-indent: 40px; }