/* CSS Document */

@font-face {
    font-family: 'sf_grandezzalight';
    src: url('./fuentes/ashyfont01a99a1316711079-webfont.eot');
    src: url('./fuentes/ashyfont01a99a1316711079-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/ashyfont01a99a1316711079-webfont.woff') format('woff'),
         url('./fuentes/ashyfont01a99a1316711079-webfont.ttf') format('truetype'),
         url('./fuentes/ashyfont01a99a1316711079-webfont.svg#sf_grandezzalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* selector universal */
*{
	margin:0px;
	padding:0px;
}

/* elementos html5 nuevos, para ser tratados como divs */
header,section,footer,aside,nav,article,figure,fgcaption,hgroup{
	display:block;
}

/* configuracion global del sitio */
body{
	text-align:center;
	background:#CCDDDD;
}
footer {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
}

/* configuracion de la caja principal  */
#agrupar{
	width:960px;
	margin:0px auto;
	text-align:left;
	background:#FFFFFF;
	/*background:url(./imagenes/innovation.jpg) center;*/
}
#cabecera{
	padding:20px;
	color:#FFFFFF;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

#logo{
	display:inline-block;
	padding:5px;
	float:left;
	width:400px;
	cursor: pointer;
	cursor: hand;
}

#menu{
	background:#0066aa;
	/*background:#CCCCCC;*/
	padding:0px 15px 5px 15px;
	height:90px;
	box-shadow: rgb(150,150,150) 0px 5px 10px;
	-mozbox-shadow: rgb(150,150,150) 0px 5px 10px;
	-webkit-box-shadow: rgb(150,150,150) 0px 5px 10px;
}

#menu li{
	display: inline-block;
	list-style:none;
	padding:35px 5px 5px 5px;
	font-family:'sf_grandezzalight',Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}

#menu li:hover
{
color:#FFFFFF;
text-shadow: 0 0 10px #000000;
transform: scale(1.05);
cursor: pointer;
cursor: hand;
}

#seccion{
	float:left;
	width: 950px;
	margin:10px;
	background:#FFFFFF;
}

#seccion_interior{
	float:left;
	width: 570px;
	margin:10px;
	background:#FFFFFF;
}


#columna {
	float:left;
	width:300px;
	margin: 20px 0px 20px 0px;
	padding: 20px;
	background:#ffffff;
}

#pie{
	clear:both;
	font-family: Verdana, Arial, sans-serif;
	text-align:center;
	color: #555566;
	padding:20px;
	border-top:1px solid #999999;
	}


article{
	background: #FFFFFF;
	padding:20px;
	margin-bottom:15px;
	font-family: 'sf_grandezzalight', Arial, sans-serif;
	font-size:14px;
	text-align:justify;
  	color:#000000;
	}

 article header
  {
  padding:18px;
  font-family: 'sf_grandezzalight', Arial, sans-serif;
  font-size:20px;
  color:#0066aa;
  }
  
 p{
 	padding: 10px 20px;
 }
 h2{
 	font-size:18px;
  	color:#0066aa;	
	padding: 10px 20px;
	}
 
time {
	color:#999999;
}

figcaption{
	font:italic 14px Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}