body {          
                        background: url( "../imagenes/campo6.jpg") no-repeat center center fixed;
                        background-size:cover;}


div.cabecera {
		width:700px;	
 		text-align: center ;
 		font-size:40px;
             color:#ff3d23;
             padding:0px;
             margin:0px;
			
		}
	
  .container{
            margin: 0 auto;
            width:600px;
            background: rgba(255,255,255,60%);
            font-family:'Roboto',sans-serif;
            font-size:16px;
            padding:20px;
            
             line-height:1.5;
             letter-spacing:0.5px;
             color:#f70c0c;	 
            }
div.listado form{
margin: 0 auto;
width:500px;
background: rgba(255,255,255,60%);
font-family:'Roboto',sans-serif;
font-size:16px;
padding:20px;

 line-height:1.5;
 letter-spacing:0.5px;
 color:#f70c0c;	 
}



div.listado select{ font-size:20px;}
div.listado input{ font-size:20px;}

div.milista{
    position:relative;
    left:100px;

    text-align: left;
    padding:60px;
   
    width:600px;
    color:black;
    background:#faf9f7;
    height:auto;
    opacity:60%;
    font-size: 20px;

}
div.claseinput label{
    display:block;
    color:#ffaa23;  
     
} 
div.claseinput input{
    display:block;}
 
@media( max-width:768px){body {font-size: 16px;}}
  @media( max-width:480px){
 
  body {          
    background: url( "../imagenes/campo6.jpg") no-repeat center center fixed;
    background-size:cover; 
    font-size:20px;}
 div.formulario {
margin: 0 auto;
width:300px;
background: rgba(255,255,255,40%);
font-size:20px;
padding:50px;

}
div.claseinput label{
    display:block;
    color:#ffaa23;
    
    
     
} 
div.claseinput input{
    display:block;
font-size:16px;}
    
div.milista  li{ margin:1.6px;
font-size:16;} 
 
 
}