#olympiacontiene{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:50px;
}
#olympiacentraliza{
	width:1040px;
	height:150px;
	margin:0 auto;
}

/* titulos y separadores estan en el css general porque son comunes a todas las secciones */

/* estilos del bloque clase 1 INICIO */
#olympiabloqueclase1{
	width:100%;
	height:auto;
}
#olympiabloqueclase1izq{
	width:31.65829146%;
	height:auto;
	float:left;
	padding-right:3.015075377%;
}
#olympiabloqueclase1der{
	width:65.32663317%;
	height:auto;
	float:left;
}
#olympiabloqueclase1izq img{
	width:100%;
	height:auto;
	max-width:315px;
}
/* estilos del bloque clase 1 FIN */



/* estilos del bloque clase 2 INICIO */
#olympiabloqueclase2{
	width:100%;
	height:auto;
}
#olympiabloqueclase2der{
	width:31.65829146%;
	height:auto;
	float:right;
	padding-left:3.015075377%;
}
#olympiabloqueclase2der img{
	width:100%;
	height:auto;
	max-width:315px;
}
#olympiabloqueclase2izq{
	width:65.32663317%;
	height:auto;
	float:left;
}
#referencias{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:60px;
}

/* estilos del bloque clase 2 FIN */





/* 955 de ancho que tiene la parte de contenido mas 18 de scroll mas 10px de changui */
@media screen and (max-width: 1023px){
#olympiacentraliza{
	width:98%;
}
}
@media screen and (max-width: 870px){
#referencias{
	padding-top:11px;
}
}
/* en el salto se oculta la foto */
@media screen and (max-width: 600px){
#olympiabloqueclase1izq{
	display:none;
}
#olympiabloqueclase1der{
	clear:both;
	width:100%;
	padding-top:10px;
}
#olympiabloqueclase2der{
	display:none;
}
#olympiabloqueclase2izq{
	width:100%;
	padding-top:10px;
}
}