/*----------------- IMPORT RESET */

@import url(normalize.css);


/*------------------------------ ESTILOS DE TEXTO */
*{
	box-sizing: border-box !important;

}

body{
	background-color: #f9f9f9;
	color: #333;
	font-family: 'latoregular', sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;

}
h1{
	font-family: 'Oswald', sans-serif;
	color:#99cccc;
	font-size: 1.5em;
}


a:link, a:visited{
	color: #99cccc;
	font-size: 1.1em;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.2s;
	/* Chrome / Safari */
	-webkit-transition-property: all;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.2s;
	/* Opera */
	-o-transition-property: all;
	-o-transition-duration: 1s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.2s;
	/* Default */
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	text-decoration: none;
}

a:hover {
  	font-size: 1.2em;
    color: #a8bfd2;

}

span.h1span{
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	font-family: "new time roman", serif;
	font-size: 1.4em;
}


/*--------------------------------- ESTILOS GENERALES */

/* texto */

.resaltado-rojo{
    
    color:red;
    font-weight: bold; 
}
.mayusculas{
	text-transform: uppercase;
}

.italica{
	font-style: italic;
}
.enfasis{
	font-weight: bold; 
}



/* -------------------------------------layout */









#contenedor{
	width: 98%;
	margin: 0 auto;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;


	
	}