/*Inicialización del estilo a cero*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, aside, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color: lightslategray;/*Fondo gris brillante*/
	background-image: url(../img/background.png);
	font-size:1em;
}
header {
	min-height: 70px;
	margin-left: 10%;
	margin-right: 10%;
	background: -webkit-linear-gradient(#033E6B, lightblue); /* For Safari */
	background: -o-linear-gradient(#033E6B, lightblue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#033E6B, lightblue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#033E6B, lightblue); /* Standard syntax (must be last) */
	width: 80%;
	border-radius: 15px;
	border: 1px solid #a1a1a1;
	display:inline-block;
	vertical-align:super;
	min-width:150px;
}
/*******logo RIAtec********/
header img {
	/*tamaño de la imagen*/
	width: 20%;
	height: 10%;
	min-width:60px;
	min-height:20px;
	/*posicionamiento de la imagen*/
	float: left;
	padding-top: 1%;
	padding-left: 2%;
	position:fixed;
}
/**********MENÚ*********/
nav {
	width: 70%;	/*tamaño del menú*/
	/*posicionamiento del menú*/
	padding-top: 2%;
	float: right;
	display: inline;/*menú en línea*/
}
nav ul {
	text-transform: uppercase;/*a MAYÚSCULAS*/
	float: right;/*posición del menú*/
	list-style: none;/*elimina la línea inferior del menú*/
}
nav ul li {
	/*letra del menú*/
	font-family: Arial;
	font-weight: bold;
	/*posicionamiento de los elementos del menú*/
	float: left;
	margin-right: 10px;
}
nav ul li a {
	color: white;
	display: block;/*elementos en caja*/
	padding: 10px;/*separación de cada elemento*/
	text-decoration: none;/*eliminar línea inferior de las referencias*/
}
nav ul li a:hover {
	color: gold;
	box-shadow: 1px -1px 0px white;
}
/*********IMAGEN*******/
#imagen-web {
	margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid black;*/
	width: 80%;
}
#img-web {
	margin-top:-1px;
	/*min-width: 100%;*/
	width:100%;
	height: 200px;
	border-radius: 15px;
	display:inline-block;
	vertical-align:top;
	min-width:150px;
}
/*********ASIDE********/
aside {
	border: 2px solid #a1a1a1;
	padding: 10px 52px;
	border-radius: 25px; /*bordes redondeados*/
	margin-top: -5px;
	margin-left: 10%;
	margin-right: 10%;
	display:inline-block;
	vertical-align:top;
	background-color: lightblue;
	height: 20%;
	min-width:150px;
}
section#section1 {
	border: 2px solid #a1a1a1;
	padding: 10px 40px;
	border-radius: 25px;
	width: 15%;
	display:inline-block;
	vertical-align:top;
	text-align: center;
	alignment-adjust: central;
	font-size: 30px;
	text-shadow: 2px 2px #999999;
	/*margin-left: 10px;
	margin-right: 13px;*/
	min-height:200px;
	min-width:150px;
}
section#section2 h2,section#section3 h2,section#section4 h2 {
	border: 2px solid #a1a1a1;
	padding: 10px 40px;
	border-radius: 25px;
	background: -webkit-linear-gradient(#006b53, lightblue); /* For Safari */
	background: -o-linear-gradient(#006b53, lightblue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#006b53, lightblue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#006b53, lightblue); /* Standard syntax (must be last) */
	text-align: center;
	max-width:180px;
	min-width:50px;
	font-size:auto;
	 
}
section#section2 h2:hover,section#section3 h2:hover,section#section4 h2:hover {
	color: yellow;
	background-color: white;
}
section#section2,section#section3,section#section4 {
	width: 20%;
	display:inline-block;
	vertical-align:top;
	margin-left: 25px;
	margin-right: 13px;
	min-height:300px;
	min-width:150px;
}
.red {
	color: black;
	background-color: yellow;
}
img.icono {
	float: left;
	padding-right: 10px;
	width: 60px;
	height: 60px;
}
/****articulo**********/
#info {
	width: 100%;
	float: left;
	/*background-color: orange;*/
}
#content {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border-radius: 15px;
	background-color: rgb(255, 175, 29);
	padding-bottom: 15px;
	background: rgb(255, 175, 30) url(../img/noise.png);
}

#content h1 {
	font-size: 32px;
	padding: 20px;
	font-weight: normal;
	text-shadow: 4px 8px 6px #646260;
}

#content h2 {
	font-size: 20px;
	padding: 5px 0 10px 0;
	font-weight: normal;
}

#content h1, h2, p {
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
}

#section5, #section6, #section7 {
	border: 1px solid #3e3e3e;
	width: 26%;
	display: inline;
	float: left;
	/*position: relative;*/
	margin-left: 24px;
	margin-right: 10px;
	border-radius: 12px;
	box-shadow: 0px 0px 0px 1px #2b2b2b;
	-moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
	-webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
	padding: 15px 20px;
	background: rgb(88, 144, 243) url(../img/noise.png);
}
#section5 a{
	color: rgb(5, 21, 139);
}

#section6 b{
	font-size:14.4px;
}
#section6 a:hover{
	color: rgb(5, 21, 139);
}
#section6 ul{
	margin: 20px;
}
article p, ul, ol {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
	text-align: justify;
	font-size: 15px;
	line-height: 130%;
}
.red {
	background-color: red;
	color: white;
	font-size: 13px;
}
/*********FOOTER********/

footer {
	background-color:#66CCFF;
	margin-left: 10%;
	margin-right: 10%;
	border-radius: 15px;
	float: left;
	width: 80%;
	display:inline-block;
	vertical-align:super;
}
footer p{
	text-align:center;
	padding-top:2%;
	min-height: 70px;
}
#iconhtml{
	float:left;
	margin-top:-2%;
	margin-bottom:1%;
	margin-right:2%;
}
#iconcss{
	float:right;
	margin-top:-2%;
	margin-bottom:1%;
	margin-right:2%;
}
#html5{
	width:110px;
	margin-left:5%;
	border-radius:15px;
}
#css3{
	width:100px;
	margin-right:5%;
	border-radius: 15px;
}
footer div {
	margin-left: 1%;
}
#logoback{
	width:30px;
	margin-top:2%;
	margin-left:35%;
}