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

body { padding: 0px;margin: 0px;font-family: Roboto;font-size: 14px;line-height: 1.5em; }
a { outline: 0px;border:0px;text-decoration: none; }
img { outline: 0px;border:0px; }

input { width: 90%;padding: 0px 10px;height: 30px;font-family: Roboto;font-size: 14px;color:#666;border:1px solid #EAEAEA;outline: 0px; }

.header { width: 100%;padding: 20px 0px;background-color: #333;position: fixed;z-index:90;padding-top: 10px; }
.header .contenidoHeader { width: 980px;margin: 0 auto; }
.header .contenidoHeader .logo { float: left;width: 100px;padding-right: 20px; }
.header .contenidoHeader .logo.ub { width: 150px; }
.header .contenidoHeader .logo.redif { float: right; }
.header .contenidoHeader .logo img { width: 100%; }

.header .contenidoHeader .opciones { float: left;padding-top: 12px; }
.header .contenidoHeader .opciones .opcion { float: left;margin-left: 20px;color:#FFF;font-weight: 700; }
.header .contenidoHeader .opciones .opcion:hover { color:#FF9900 }
.header .contenidoHeader .opciones .opcion.seleccionado { color:#FF9900 }

.header .contenidoHeader .idioma { float: right;color:#FFF;padding-bottom: 20px;padding-right: 20px; }
.header .contenidoHeader .idioma .lengua { float: left;padding: 0 10px;border-right: 1px solid #FFF;color:#FFF; }
.header .contenidoHeader .idioma .lengua.ultima { border-right: 0px;padding-right: 0px; }
.header .contenidoHeader .idioma .lengua:hover { color:#FF9900 }
.header .contenidoHeader .idioma .lengua.seleccionado { color:#FF9900 }

.degradado { background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.01));height:10px;position: fixed;width:100%;top: 119px;z-index: 11;z-index:90; }

.contenido { padding-top: 119px; }

.boton { padding: 10px 20px;background-color: #FF9900;color:#FFF;font-size: 14px;font-weight: 700;border-radius: 6px; }
.boton:hover { background-color: #FF8800; }

.noticias { width: 100%;padding: 40px 0px; }
.noticias .contenidoNoticias  { width: 980px;margin: 0 auto; }

.noticias .contenidoNoticias .titulo { text-align: center;font-size: 21px;color:#FF9900;font-weight: 700;padding-bottom: 30px; }

.noticias .contenidoNoticias .flecha { position: absolute;padding-top: 170px;display: none; }
.noticias .contenidoNoticias .noticia { border:1px solid #EAEAEA;max-width: 300px;margin-bottom: 30px;float: left;margin-right: 37px;width: calc((100% - 1.89em)/3);height: 350px; }
.noticias .contenidoNoticias .noticia.ultimo { margin-right: 0px; }
.noticias .contenidoNoticias .noticia .foto { width: 100%;height: 200px;background-position: center;background-size: cover; }
.noticias .contenidoNoticias .noticia .fecha { padding: 20px;padding-bottom: 0px;font-weight: 700; }
.noticias .contenidoNoticias .noticia .titulo { padding: 20px;color:#FF9900;font-size: 16px;font-weight: 700;padding-bottom: 0px;height: 58px;overflow: hidden;margin-bottom: 20px;text-align: left; }
.noticias .contenidoNoticias .noticia .titulo a { color:#FF9900; }
.noticias .contenidoNoticias .noticia .titulo a:hover { color:#FF9900;text-decoration: underline; }
.noticias .contenidoNoticias .noticia .tipo { padding: 20px;padding-bottom: 0px; }

.footer { width: 100%;padding: 40px 0px;background-color: #333; }
.footer .contenidoFooter { width: 980px;margin: 0 auto; }
.footer .contenidoFooter .columna { float: left;width: 300px; }
.footer .contenidoFooter .columna.ultima { float: right; }
.footer .contenidoFooter .columna .titulo { padding: 0px;text-align: left;padding-bottom: 20px;color:#FF9900; }
.footer .contenidoFooter .columna .link { color:#FFF; }
.footer .contenidoFooter .columna .link a { color:#FFF; }
.footer .contenidoFooter .columna .link a:hover { color:#FF9900; }


.fondoAviso { position: fixed;z-index:98;top:0px;height:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.8);display: none; }
.aviso { position: absolute;top:0px;left:0px;padding: 20px 0px;background-color: #FFF;z-index:99;display: none;width: 100%;max-width: 600px; }

.aviso .titulo { padding: 0px 20px;font-size: 21px;color:#FF9900;font-weight: 700; }
.aviso .texto { padding: 20px; }
.aviso .texto .fechas { padding-bottom: 10px; }
.aviso .texto .nombre { padding-bottom: 10px; }
.aviso .texto a { color:#FF9900; }
.aviso .texto a:hover { color:#FF9900;text-decoration: underline; }
.aviso .boton { margin-left: 20px;float: left; }