html, body {
	height: 100%;
	margin: 0; padding: 0;
}
body {
	text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
	font-size:62.5%; 

 background: black;
	color: white; 
}
	
	
.web { 
 display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto;
 
}

.titulo h1 {
 text-transform: uppercase;
 color: white;
 font-size: 0.01em;
 font-weight: lighter; text-align: left; text-indent: -1000px;
}	
.logo { display: block; width: 90%;  }	
.logo img { display: block; width: 96%; height: auto; max-width: 800px; margin: 0 auto;  }	


.fichas { 
 display: block;
 margin: 0 4%;
 overflow: hidden;  
}	
.ficha { 
/* border-top: 1px solid black;*/
 display: block; margin: 15px 0;
}
 h2 {
 color: white;
 font-size: 2.1em;
 font-weight: bold; text-transform: uppercase; text-align: left;
}	
.ficha a { 
 color: white;
 font-size: 1.6em;
}	
.pie p {
 text-transform: uppercase;
 color: white;
 font-size: 1.6em;
}	
.construccion { display: block; text-transform: none; margin-bottom: 8px; }

.titulo { padding-top: 20px; margin: 0 5%; }
.logo { padding-top: 30px; margin: 0 5%; }
.fichas { padding-top: 100px; }
.pie { padding-top: 50px; margin: 0 5% 20px 5%; }

@media screen and (min-width: 700px) {
.titulo { padding-top: 20px; }
.logo { padding-top: 50px; }
.fichas { padding-top: 100px; }
.pie { padding-top: 50px; border-top: none;}

}
@media screen and (min-height: 800px) and (min-width: 1280px) {
.pie p { 
 position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;}
}

	
	a { color: white; }
	a:hover { text-decoration: line-through; }

body.color1 { background-color: #000; }	
body.color2 { background-color: #000; }	
body.color3 { background-color: #000; }	
body.color4 { background-color: #000; }	
body.color5 { background-color: #000; }