@charset "UTF-8";
/* CSS Document */

<!-- fuentes de google -->
<link href=&#39;http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
<link href=&#39;http://fonts.googleapis.com/css?family=Joti+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

@font-face {
	font-family: Fira;
	src: url(FiraSansOT-Light.otf);
}

@font-face {
	font-family: "SignPainter-HouseScript";
	src: url("fuente_SignPainter-HouseScript.ttf") format("truetype");
}

body{
	font-family: Comic Sans MS;
	background:linear-gradient(to bottom, #F3D8B7, #F4B465);
	color:#0101DF;
	font-size:medium;
}

header{
	font-size:xx-large;
	text-align:center;
	color:#B45F04;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

#marcoFotos{
	background-color:white;
	padding:10px;
	margin:4px;
	border-radius: 2em;
	float:left;
}

#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

.alineacionVertical {
  padding:3px;
  border:1px solid white;
  background-color:white;
  width:400px;
  height:450px;
}

.alineacionHorizontal {
  border:1px solid white;
  background-color:white;
  width:300px;
  height:196px;
}

.lineaFinal{
	clear:both;
}

.footer{
	font-size:x-small;
	position:fixed;
	clear:both;
	left:0px;
	height:10px;
}
.tituloImagen{
	font-size:small;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}
h1{
	font-family:fuente-JotiOne{font-family:"Joti One";font-size:20px;}
}