@charset "utf-8";
/* CSS Document */
body
{ 
	background: olive;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

h1
{
	text-align:center;
	text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

#primer-parrafo, #primer-parrafo2
{ 
	background:white;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	color:#000;
	display: block;
	margin: 1em auto;
	padding:1em;
	width:340px;
	border-radius:8px;
	border-color: #7f7f7f;
	border-width:3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#111111');
}

.naranja
{ 
	color: orange;
	font-weight:bold;
	
}

/*#contenedor */
section
{ 
	background: white;
	border-radius:0.5em;
	color:#333;
	margin:1em auto;
	width:95%;
	height:95%;
	min-height:450px;
	left:2,5%;
	
}

/*#contenedor article */
section article
{
	background:#1A9DE0;
	border-radius:0.5em;
	color:white;
	display:inline-block;
	margin:3.25%;
	text-shadow:2px 2px 5px rgba(0,0,0,0.7);
	transition:all 0.5s ease-in linear;
	vertical-align:top;
	width:40%; 
	min-height:155px;
	min-width:230px;
	max-width:280px;
/*	position:relative; float:left;	*/
}
/* #contenedor article.color2 */
section article.color2
{
	background:orange;
}
/* #contenedor article.color3 */
section article.color3 
{
	background:green;
}

/* #contenedor article.color4 */
section article.color4
{
	background:yellow;
}
/* #contenedor article.color5 */
section article.color5 
{
	background:red;
}
section article.color6 
{
	background:#FFF;
}
/* #contenedor article:hover */
section article:hover
{
	background:#AAA;
	transform:rotate(4deg) translateX(10px);
}
p
{
	font-weight:bold;
	color:#000;
		
}