@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

.ie6 img {
	width:100%;
}

body{
	background-color:#9CDDE2;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	padding-left:10px;;
	padding-right:10px;;
	margin-top: 20px;
	width: 300px;
}

.recuadro{
	
}

.foto {
	float: left;
	margin-right: 10px;
}

.nombre {
	clear: both;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.galeria {
	padding-top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.fotog {
	font-size: 18px;
	margin-top: 30px;
}
.cancion {
	font-size: 18px;
	margin-top: 30px;
}
.video {
	font-size: 18px;
	margin-top: 30px;
}

.jsc {
	margin-top: 55px;
	font-size: 24px;		
}







@media only screen and (min-width: 481px) {
.gridContainer {
	margin-top: 30px;
	width:481px;
	}
	
.nombre {
	clear: none;
}

.galeria {
	clear:both;
	padding-top: 80px;
	font-size: 36px;
}



}







@media only screen and (min-width: 950px) {
.gridContainer {
	margin: auto;
	margin-top: 40px;
	width:950px;
	}
	
.fotog {
	float: left;
	margin-right:35px;
}
.cancion {
	float: left;
	margin-right:35px;
}

}