*{margin:0; padding:0; text-decoration: none; list-style: none; text-decoration: none;}
body {width: 100%; margin: 0 auto; background-color: #ffffff;font-family: arial;}

#contenedor {width: 80%; margin: 0 auto;}

/*Encabezado*/
header {width: 80%; height: 90px;margin: 30px auto 0 auto;}
#inicio {width: 17%; height: 100%; position: relative; float: left;}
#inicio img {width: 100%;}

#menues {width: 80%; height: 106px; position: relative; float: right; padding: 0px 0px 0px 5px;}
header nav ul li {display: inline;}

#submenu {width: 100%; height: 40%;}
#climahora {color: black; font-size: 9px; position: relative; float: left;}
#botoneraSecundaria {position: relative; float: right;}
#vivo img {width: 17%;}
.redes img {width: 7%;}
#buscador img {width: 43%;}

#menu {width: 100%; height: 50%;}
#botoneraPrincipal {font-weight: bold; text-align: justify;}
.botones {color: black; font-size: 12px; position: relative; float: left; width: auto;}
.botonesb {color: black; font-size: 12px; position: relative; float: left; width: auto; margin-left: 90px;}


/*PRINCIPAL*/
/*Section slider*/
main {width: 100%; overflow: hidden; margin-bottom: 20px; padding-bottom: 10px; justify-content: center;}

/*Section banner*/
#slider img {width: 100%;}
#horarios {position: absolute; top: 200px; right: 273px; width: 32%;}
@media screen and (max-width: 800px) {}

/*Section principal*/
#compromiso {width: 80%; margin: 40px auto 80px auto;}
h1 {font-size: 30px; font-style: bold; margin: 0 0 5px 0;}
#slogan {font-size: 25px; font-style: italic; font-stretch: expanded;}

/*Section secundaria*/
#noticias {width: 80%; height: 400px; margin: 0 auto 150px auto;}
#izquierda {width: 40%; position: relative; float: left;}
#derecha {width: 40%; position: relative; float: right; border-left: 1px #a5a5a5 solid; padding: 0 0 0 85px;}
h2 {font-size: 20px; font-style: bold; margin: 0 0 30px 0;}
.programas {height: 100px;}
.programas img {width: 50%; margin: 0 3px 20px 0; position: relative; float: left;}
.titulop {font-size: 15px; font-weight: bold; margin: 0 0 2px 2px; position: relative; float: left;}
.textop {font-size: 12px; font-style: normal; color: #8d8d8d; margin: 3px 0 0 2px; position: relative; float: left; width: 47%; text-align: left;}
.textop a {color: #5d5d5d; font-style: italic;}

/*Pie de página*/
#pie {width: 100%; height: 190px; background-color: #e2e2e2;}
#botoneraPie {width: 80%; height: 100%; margin: 10px auto 0 auto;}
.columnap {position: relative; float: left; width:20%; margin: 20px 0 0 0;}
.columna {position: relative; float: left; width:20%; margin: 20px 0 0 51px;}
.titulos {font-size: 11px; font-style: bold; color: #575757; margin: 10px 0 6px 0;}
.textos {font-size: 9px; font-style:normal; color: #8b8b8b; margin: 2px 0 0 0;}
.textos a {color: #8b8b8b;}
.redesp {display: inline; width: 6%;}
.redesp img {width: 10%;}