/* estilos para menu de secciones, validos unicamente para portada. para todas las demas paginas el css es menu.css */

.header .menu {width: 552px; float: right; margin: 9px 0 0 0;}
.header .menu ul {font: bold 11px/16px Tahoma, Arial, Helvetica, Garuda, sans-serif;}
.header .menu ul li {list-style-type: none; margin: 0 0 0 1px; float: left;}
.header .menu ul li:first-child {}
.header .menu ul li a {display: block; width: 79px; background-color: #353535; color: #fff; text-transform: uppercase; padding: 8px 0 18px 8px; margin-top: 4px; border-top-width: 6px; border-top-style: solid;}
.header .menu ul li a:hover {border-top: none; margin-top: 10px;}

.header .menu ul li a.internacional {border-top-color: #1172c2; width: 103px;}
.header .menu ul li a.politica {border-top-color: #ff4d00;}
.header .menu ul li a.economia {border-top-color: #ff7699;}
.header .menu ul li a.culturas {border-top-color: #e0387a;}
.header .menu ul li a.sociedad {border-top-color: #1c9b81;}
.header .menu ul li a.deportes {border-top-color: #8cbb00;}

.header .menu ul li a.internacional:hover {background-color: #005b9a;}
.header .menu ul li a.politica:hover {background-color: #ff4d00;}
.header .menu ul li a.economia:hover {background-color: #ff7699;}
.header .menu ul li a.culturas:hover {background-color: #e0387a;}
.header .menu ul li a.sociedad:hover {background-color: #1c9b81;}
.header .menu ul li a.deportes:hover {background-color: #8cbb00;}