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

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900,400italic,700italic);

/*-------- HEADER --------*/

header {
	background-color: #222;
	float: left;
	height: 150px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	position:fixed;
    overflow: hidden;
    z-index: 999;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
#logo {
    height: 100px;
    width: 231px;
    line-height: 150px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
}
#menu {
	float: right;
	padding-top:20px;
}
#nav #menu li {
	float: left;
	width: 100px;
	margin-right: 40px;
	list-style:none;
}
#buscador {
	color: #000;
	background-color: #333;
	height: 10px;
	padding:10px;
	width: 120px;
	font-size: 14px;
	line-height: 16px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	margin-top:-10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#nav #menu li a {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #FFF;
    line-height: 14px;
	text-align: center;
	text-decoration:none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#nav #menu li a:hover {
border-bottom:1px solid #F60;
}
#nav {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}

/*-------- FIN HEADER --------*/

/*-------- BODY HOME --------*/

body {
	background-color: #FFF;
	margin: 0px;
}
#videos {
	width: 1000px;
	padding-top: 160px;
	margin-right: auto;
	margin-left: auto;
}
#noticias2 {
	width: 100%;
	padding-top: 160px;
}
#columna1 {
	float: left;
	width: 690px;
    height: 405px;
}
#columna1 p, #columna2 p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-top: 4px;
    margin-top: 4px;
    text-align: left;
    font-weight: 800;
    padding-left: 8px;
    padding-bottom: 4px;
    background-color: #6c6c6c;
    color: white;
    
}
#columna2 {
	float: left;
	width: 300px;
	margin-left:10px;
}
#columna1 h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: white;
	background-color: #F5B63D;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
}
#fila {
	width: 1000px;
	float:left;
    padding-bottom:30px;
}
#lomasvisto {
	margin: 0px;
	float: left;
	padding:0px;
	width: 1000px;
}
#lomasvisto p{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 800;
}
#lomasvisto a.hovertext {
    position: relative;
    width: 245px;
    text-decoration: none !important;
    text-align: left;
  }
#lomasvisto a.hovertext:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.4em 20px;
    margin-bottom: 5px;
    width: 205px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
#lomasvisto a.hovertext:hover:after, #lomasvisto a.hovertext:focus:after {
    opacity: 1.0;
  }
#lomasvisto li {
	float: left;
	height: 130px;
	width: 245px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#noticias {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 670px;
	height:500px;
}
#noticias #contenido {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.columna {
	float: left;
	width: 48%;
}
.imagennoticia {
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 20px;
    margin-bottom: 2px;
}
.imagennoticia a:hover {
    opacity: 0.6;
}
.columna p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
.actividad1 {
	background-image: url(imagenes/actividad1.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 495px;
    padding-top:10px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;  
}
.actividad1 a{
    text-decoration: none;
    color: #F5B63D;
    margin-top: 5px;   
}
.actividad1 a:hover{
    color: white;
    }
.actividad1 h5{
    height: 50px;
	width: 150px;
    padding-top: 8px;
    margin: 0;
}
.actividad2 {
	background-image: url(imagenes/ayuda.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 495px;
	padding-top:10px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;  
}
.actividad2 a{
    text-decoration: none;
    color: #F5B63D;
    margin-top: 5px; 
}
.actividad2 a:hover {
    color:white;
}
.actividad2 h5{
    height: 50px;
	width: 150px;
    padding-top: 8px;
    margin: 0;
}
.actividad3 {
	background-image: url(imagenes/charlas.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 495px;
	padding-top:10px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;  
}
.actividad3 a{
    text-decoration: none;
    color: #F5B63D;
    margin-top: 25px;    
}
.actividad3 a:hover {
    color:white;
}
.actividad3 h5{
    height: 50px;
	width: 150px;
    padding-top: 8px;
    margin: 0;
}
.actividad4 {
	background-image: url(imagenes/ferias.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 495px;
	padding-top:10px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;  
}
.actividad4 a{
    text-decoration: none;
    color: #F5B63D;
    margin-top: 25px;   
}
.actividad4 a:hover {
    color:white;
}
.actividad4 h5{
    height: 50px;
	width: 150px;
    padding-top: 8px;
    margin: 0;
}
.actividad5 {
	background-image: url(imagenes/muestras.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 495px;
	padding-top:10px;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;  
}
.actividad5 a{
    text-decoration: none;
    color: #F5B63D;
    margin-top: 25px; 
    padding-top: 10px;
}
.actividad5 a:hover {
    color:white;
}
.actividad5 h5{
    height: 50px;
	width: 150px;
    padding-top: 8px;
    margin: 0;
}
h5 {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:normal;
    background-color: rgba(0,0,0,0.8); 
    float: left;
}
.columna h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #F90;
	margin-bottom:0px;
}
.columna ul li {
	clear: both;
	float: left;
	margin-top: 10px;
	list-style-type: none;
}
.columna h2 {
	font-family: 'Roboto', sans-serif;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	margin: 0px;
	float: left;
	padding-right:20px;
	margin-bottom:5px;
}
.columna h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: white;
	background-color: #F5B63D;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear:both;
	margin-bottom:10px;
}
#fila h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: white;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:968px;
	margin-bottom:10px;
}
#columna2 h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: white;
	background-color: #F5B63D;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
}
h3 {
	font-size:20px;
	font-weight: 500;
	background-color:black;
	margin-bottom: 5px;
    color: white;
}

/*-------- FIN BODY HOME --------*/

/*-------- BODY NOSOTROS --------*/

#fila h1 {
	font-family: 'Roboto', sans-serif;
	color: #F5B63D;
	font-size:30px;
	font-weight:800;
}
.colornaranja {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	color: #F90;
	text-align:justify;
    padding-bottom: 10px;
}
.column75 {
	float: left;
	width: 600px;
}
#nosotros img {
	float: left;
	width: 148px;
    margin-right: 2px;
}
#nosotros {
	padding: 0px;
}
.column100 {
	clear: both;
	float: left;
	width: 1000px;
	margin-top: 20px;
}
.column25 {
	float: left;
	width: 275px;
	margin-left: 25px;
}
.column75 {
	clear: both;
	float: left;
	width: 600px;
}

#nosotros li {
	float: left;
	height: 220px;
	width: 145px;
    margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
    font-family: 'Roboto', sans-serif;
	font-size:20px;
    text-align:center;
    font-style: bold;
    font-weight: 700;
}
/*-------- FIN BODY NOSOTROS --------*/

/*-------- BODY NOTICIAS --------*/

.lineacierre{
	background-color: rgb(255, 89, 39);
    width: 970px;
    height: 5px;
    text-align: left;
    padding-left: 10px;
	margin-bottom: 5px;
    margin-top: auto;
}


.deinteres{
	font-size: 15px;
	font-weight: 400;
	background-color: rgb(255, 89, 39);
    width: 970px;
    text-align: left;
    padding-left: 10px;
	margin-bottom: 5px;
    margin-top: 5px;
    color: white;
}

h4{
    font-family: 'Roboto', sans-serif;
    color: #414141;
}

.li-noticias{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(255, 89, 39);
}

#filanoti {
	padding: 10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 950px;
}

.titulonoti {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: white;
	background-color: rgb(255, 89, 39);
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
    width: 950px;
}

.boton {
	float: right;
}

.colterraza{
    float: left;
	width: 980px;
	background-color: rgb(255, 89, 39);
	margin-bottom: 30px;
}

.col1 {
	float: left;
	width: 330px;
	background-color: rgb(255, 89, 39);
	margin-bottom: 30px;
}
.col2 {
	float: left;
	width: 330px;
	background-color: rgb(255, 89, 39);
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 30px;
}
.col3 {
	float: left;
	width: 305px;
	background-color: rgb(255, 89, 39);
	margin-bottom: 30px;
}
.col4 {
	margin-left: 5px;
    float: left;
	width: 240px;
}
.col4-2 {
    float: right;
	width: 240px;
}
.col4-2 h6 {
		font-family: 'Roboto', sans-serif;	
		font-weight:bold;
		font-size: 18px;
	color: #333;
	margin-top:10px;
	margin-bottom:10px;
}
.col4-2 p {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
}
.gatotitulo {
    font-family: 'Roboto', sans-serif;	
    font-weight:bold;
    font-size: 35px;
	color: #000000;
	margin-top:10px;
	margin-bottom:10px;
}
.gatotexto {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
    text-align: justify;
}
.col4 h6 {
		font-family: 'Roboto', sans-serif;	
		font-weight:bold;
		font-size: 18px;
	color: #333;
	margin-top:10px;
	margin-bottom:10px;
}
.col4 p {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
}
.margincol4 {
	margin-right: 5px;
	margin-left: 5px;
}
#ultimasnot {
	background-color: #EFEFEF;
	padding: 10px;
	width: 90%;
	margin: 0px;
	border: 1px solid #CCC;
	border-radius: 0px 0px 10px 10px;
	float: left;
}
#ultimasnot li {
	list-style-type: none;
	clear: both;
	margin-bottom: 46px;
}
#ultimasnot li img {
	float: left;
	margin-right: 7px;
	border: 1px solid #F90;
}
#ultimasnot li p {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	margin-top:10px;
	}

/*-------- FIN BODY NOTICIAS --------*/

/*-------- BODY DETALLE NOTICIAS --------*/

#detallenoti {
	background-color: #333;
	height: 350px;
	width: 99%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: rgb(255, 89, 39);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgb(255, 89, 39);
	padding-right: 10px;
}
#detallenoti #imagenoti {
	float: left;
	width: 665px;
	margin-right: 20px;
}
#detallenoti h1 {
	font-family: 'Roboto', sans-serif;
	font-size:26px;
	color:#FFF;
	font-weight:normal;
	margin-top:30px;
	letter-spacing:-2px
}
#detallenoti p {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:17px;
	color: #FFF;
	padding-right:20px;
	margin-bottom: 30px;
}

/*-------- FIN BODY DETALLE NOTICIAS --------*/

/*-------- BODY GALERIA --------*/

#galeria {
	margin: 0px;
	float: left;
	padding:0px;
	width: 1000px;
}
#galeria li {
	float: left;
	height: 245px;
	width: 245px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
    font-family: 'Roboto', sans-serif;
	font-size:16px;
    text-align: center;
    font-style: italic;
}
a.hidden {
    display: none
}
#galeria a.hovertexto {
    position: relative;
    width: 245px;
    text-decoration: none !important;
    text-align: left;
  }
#galeria a.hovertexto:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.4em 20px;
    margin-bottom: 5px;
    width: 205px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
#galeria a.hovertexto:hover:after, #galeria a.hovertext:focus:after {
    opacity: 1.0;
  }

/*-------- FIN BODY GALERIA --------*/

/*-------- BODY CHARLAS --------*/

.charla {
width: 280px;
height: 1085px;
float: left;
background-image: url(imagenes/2.jpg);
background-repeat: round;
margin-top: 7px;
margin-bottom: 0px;
}
.circulo2 {
    font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/circulo.png);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 5px;
    font-family: 'Roboto', sans-serif;
}
.divider {
border-bottom: 2px #F90 solid;
width: 700px;
padding-top: 5px;
padding-bottom: 7px;
margin-left: 300px;
}
.circulo {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/circulo.png);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.descripcion {
	padding-top: 10px;
    padding-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size:19px;
	height: 40px;
    padding-left: 410px;
}

/*-------- FIN BODY CHARLAS --------*/

/*-------- BODY CATEDRAS --------*/

#catedras {
	margin: 0px;
	float: left;
	padding:0px;
	width: 1000px;
}
#catedras li {
	float: left;
	height: 245px;
	width: 245px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
    font-family: 'Roboto', sans-serif;
	font-size:20px;
    text-align:center;
    font-style: bold;
    font-weight: 700;
}
#catedras a.hovertexto {
    position: relative;
    width: 245px;
    text-decoration: none !important;
    text-align: center;
    margin-top: 45px;
  }
#catedras a.hovertexto:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.4em 20px;
    margin-bottom: 5px;
    width: 205px;
    height: 100px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
#catedras a.hovertexto:hover:after, #catedras a.hovertext:focus:after {
    opacity: 1.0;
  }

/*-------- FIN BODY CATEDRAS --------*/

/*-------- BODY CURSOS --------*/

.curso {
width: 280px;
height: 1085px;
float: left;
background-image: url(imagenes/5.jpg);
background-repeat: round;
margin-top: 7px;
margin-bottom: 0px;
}
.cursotex{
    text-decoration: none;
}
.cursos1 {
    font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/deho22-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    text-decoration-style: none;
}
.divider {
border-bottom: 2px #F90 solid;
width: 700px;
padding-top: 5px;
padding-bottom: 7px;
margin-left: 300px;
}
.cursos2 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/flash1-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}

.cursos3 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/autocad3-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}

.cursos4 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/solid-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}

.cursos5 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/revit115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.cursos6 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/after-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.cursos7 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/illus3-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.cursos8 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/indesi3-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.cursos9 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/photo3-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.cursos10 {
	font-size: 28px;
	font-style: bold;
    font-weight: 400;
	color: #FFF;
	background-image: url(imagenes/curso/vray-115x115.jpg);
	float: left;
	height: 60px;
	width: 80px;
	margin-left: 20px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-top: 13px;
    font-family: 'Roboto', sans-serif;
}
.descripcion {
	padding-top: 10px;
    padding-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size:19px;
	height: 40px;
    padding-left: 410px;
}

/*-------- FIN BODY CURSOS --------*/


/*--------FOOTER--------*/

#contenedorfooter{
    background-color: #232527;
    width: 950px;
    margin:auto;
    height: auto;
}
footer{
    float: left;
    list-style-type: none;
    background-color: #232527;
    width: 100%;
	height: auto;
	position:relative;
	padding-bottom:20px;
    clear: both;
    color: white;
}

#izquierda{
    margin-top: 0.8rem;
    float: left;
    height: auto;
    width: 330px;

}
#logofooter{
    float: left;
    width: 12rem;
}

#logofooter img{
    width: 90%;
    float: left;
    margin-left: .5em;
    margin-top: 12px;
}
#pares{
    float: left;
    margin-top: 20px;
    margin-left: .5rem;
}
    
#redessoc{
    float: left;
    width: 8rem;
    margin-top: -3.5rem;
    margin-left: 12.5rem;
}

#redessoc img{
    width: 17%;
    float: left;
    margin-right: 1rem;
    margin-top: 2rem;
}
footer ul{
    width: 520px;
    margin-right: 0rem;
    float: right;
}

#elementos{
    float: right;
    margin-left: 1.7rem;
    margin-top: 1.5rem;
}


footer ul li{
list-style-type: none;
margin-top: 0.5rem;
margin-right: 10px;
}



footer ul h6{
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


footer ul li a{
    font-size: 14px;
    font-weight: 300;
    color: darkgrey;
    float: left;
    clear: both;
    margin-bottom: 0.3rem;
}

footer ul li a:hover{
color: #eb7721;}

footer p{
    color: #6c6c6c;
    font-size: 10px;
    width: 800px;
    margin-top: 3rem;
    margin-left: 4rem;
    float: left;
    height: 30px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    
}
/*-------FIN FOOTER--------*/