body {
	background: #000 url(images/.jpg) no-repeat center top fixed;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;  
} 


#pagewrap{
    margin: auto;
    width:80%;
     
}

#index{
    margin: 10%;
}
#logo{
    width:100%;
    margin: 2%;
}
#select{
    text-align:center;
    font-size: 150%;
    font-family: century gothic;
    color: #777;
    margin:0px;
}
#idioma{
    color: #fff;
    font-family: century gothic;
    font-size:200%;
    margin:0px;
}
#idiomas1{
    position:absolute;
    left:30%;
    color: #fff;
    
}
#idiomas2{
    position:absolute;
    left:46%;
    color: #fff;
    
}
#idiomas3{
    position:absolute;
    right:32%;
    color: #fff;
    
}

p{
    color: #fff;
}




@media screen and (max-width: 1010px) {
   #select{
    text-align:center;
    font-size: 140%;
   
}
#idioma{
    font-size:200%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
}

@media screen and (max-width: 980px) {
   #select{
    text-align:center;
    font-size: 100%;
   
}
#idioma{
    font-size:200%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
}

@media screen and (max-width: 720px) {
    #select{
    text-align:center;
    font-size: 80%;
   
}
#idioma{
    font-size:150%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
     
}

@media screen and (max-width: 600px) {
   #select{
    text-align:center;
    font-size: 70%;
   
}
#idioma{
    font-size:100%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}  

   
}

@media screen and (max-width: 530px) {
    html {
        -webkit-text-size-adjust: none;
    }
     #select{
    text-align:center;
    font-size: 70%;
   
}
#idioma{
    font-size:100%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
    
   
	
}


@media screen and (max-width: 495px) {
 #select{
    text-align:center;
    font-size: 60%;
   
}
#idioma{
    font-size:100%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
}
      @media screen and (max-width: 450px) {
 #select{
    text-align:right;
    font-size: 60%;
   
}
#idioma{
    font-size:100%;
    
}
#idiomas1{
    left:30%;
    
}
#idiomas2{
    left:46%;
    
}
#idiomas3{
    right:27%;
    
}
	
}
    @media screen and (max-width: 370px) {
 #select{
    position:absolute;
    width: 20%;
    text-align:center;
    font-size: 100%;
    top:17%;
   
}
#idioma{
    font-size:200%;
        
    
}
#idiomas1{
    right:26%;
    text-align:right;
    
}
#idiomas2{
    right:50%;
    top:25%;
    text-align:right;
    
}
#idiomas3{
     right:24%;
    top:35%;
    text-align:right;
    
}
	
}

 @media screen and (max-width: 332px) {
 
    

}