/* Estilos generales */
body {  background: url(../images/bckgrnd.gif) repeat-x #fff; margin: 0; padding: 0; font-family: verdana; color: #000}
table { border: 0}
td { border: 0; vertical-align: top}
tr { border: 0}
input { font-family: verdana; font-size: 10px}
img {border: 0}
p {padding:0; margin:0}
.bold {font-weight: bold}
#space-hor {height: 6px}
a {text-decoration: none; color: #000}
a:hover{text-decoration: underline; color: #B13B33}
h1 {display: none}
h2 {display: none; font-size: 6px}
h3 {font-size: 24px; font-weight: normal; padding: 0; margin: 0; line-height: 24px}
h4 {font-size: 15px; color:#CD2100; padding: 0; margin: 0}
h5 {font-size: 12px; color: #A4A5A7; font-family: Arial, Helvetica, Sans-serif; padding: 0; margin: 0; float: left}


/*Layout index*/
#general {width: 100%;}
#footer {width: 100%; height: 130px; background: url(../images/bckgrnd-footer.gif) repeat-x bottom}
#content {width: 996px}
#grey-border-box {border: 1px solid #BEB9B5; padding: 1px; background: #FFF; font-size: 11px}
.green-box {display: block; padding: 3px 0 4px 8px; background: #7CAE3D; color: #FFF}
.grey-box {display: block; background: #F1F0EE; padding: 1px; font-size: 11px}
#update { font-size: 10px; color: #6B784A; border: 1px #6B784A solid; padding: 2px 0 2px 9px; display: block; width: 151px; margin-left: 10px}

/*Top*/
#top { width: 996px; height: 169px}
#flash {width: 499px; height: 169px; /* background: url(../images/flash.jpg) no-repeat*/}
#table-banners-top {text-align: center; width: 487px; background: url(../images/banners-top-bckgrnd.gif) no-repeat top}
#table-banners-top td { padding-top: 13px}
#table-banners-top img {margin: 0 0 3px 0}
#login {text-align: left; font-size: 11px; padding-left: 12px}
#login span {vertical-align: 0.15em}
html>body #login span {vertical-align: 0.02em}
.retrieve {padding-left: 63px; font-size: 10px}
#login input { width: 64px; margin-left: 5px}
#login #retrieve {width: 15px; margin-right: 3px; position: relative; top: 2px}
html>body #login #retrieve {width: 15px; margin-right: 2px; position: relative; top: 4px}
#login img {margin-left: 6px; vertical-align: bottom}
html>body #login img {margin-left: 6px; top:2px; position: relative}

/*Left*/
#left {width: 151px; padding-left: 10px}
#left table {width: 100%}
#search {border: 1px solid #BEB9B5; padding: 5px 0 6px 9px; font-size: 11px}
#search span {display: block; margin-top: 1px}
html>body #search img {margin-left: 3px; vertical-align: text-bottom; position: relative; top: 2px}
#menu {font-size: 11px} /* menú lateral*/
#menu ul {margin: 0; padding: 0; list-style: none}
#menu li {padding: 0;}
#menu li a {padding-left: 10px; padding-top: 3px; display: block; background: url(../images/menu-lat-bckgrnd.gif) no-repeat top; color: #000; height: 21px}
#menu li a:hover{background: url(../images/menu-lat-bckgrnd.gif) no-repeat bottom; text-decoration: none} /*termina menú*/
.grey-box ul {list-style: none; margin: 3px 0 5px 0; padding: 0}
.grey-box li {background: url(../images/bullet-arrows-green.gif) no-repeat; padding: 3px 0 0 12px}


/*Middle*/
#middle {width: 688px; padding-left: 15px}
.news-note-border {border-right: 1px solid #C1C1C1; padding-right: 10px}
#home-news td {width: 214px}
#home-news #td-events {width: 260px}
#home-news-tit {background: url(../images/home-news-tit.gif) no-repeat; height: 38px; width: 154px}
#home-flash-news {width: 200px; height: 205px}
#home-note-tit {background: url(../images/home-note-tit.gif) no-repeat; height: 38px; width: 205px} /*empieza nota destacada*/
#home-main-note {padding-left: 12px; font-size: 11px}
#home-main-note img {float: left; margin-right: 5px}
#home-main-note a {color: #B13B33}/*termina nota destacada*/
#home-nutrinform-tit {background: url(../images/home-nutrinform-tit.gif) no-repeat; height: 44px; width: 160px}
#home-events-tit {background: url(../images/home-events-tit.gif) no-repeat; height: 40px; width: 173px} /*empieza eventos*/
#home-scroll-events {overflow: auto; height: 230px; padding: 0 12px; font-size: 11px}
#home-scroll-events div {float: left; margin-bottom: 12px}
#home-scroll-events img {float: left; margin-right: 5px}
#home-scroll-events span {width: 110px; display: inline; float: left}
#home-scroll-events a{ color: #B13B33}
.date-red {color: #808080} /*termina eventos*/
#test-banner1 {background: url(../images/home-img-test1.gif) no-repeat; width: 238px; height: 76px; margin-top: 30px} /*empieza banners de tests*/
#test-banner2 {background: url(../images/home-img-test1.gif) no-repeat; width: 238px; height: 76px; margin-top: 5px}
#test-banner3 {width: 238px; height: 81px; margin-top: 5px}
.test-banners-in a {font-size: 11px; position: relative; top: 54px; left:111px; color: #585858}
.test-banners-in a:hover{color: #b13b33} /*termina banners*/
#container-menu-box {position: relative; left: 0px; top:0px}
#menu-box1 {position: absolute;top: 10px; width: 436px; height: 250px; z-index: 1; background: url(../images/home-bckgrnd-menu-box.gif) no-repeat bottom} /*empieza menú-caja de lengüetas*/
#menu-box1-top {background: url(../images/home-imgtop-menu-box1.gif) no-repeat; width: 436px; height: 22px; font-size: 10px}
#menu-box1-top span {color: #B13B33; position: absolute; left: 11px; top: 5px}
#menu-box1-top span a {position: absolute; left: 130px; top: 0px; color: #808080; width: 120px}
#menu-box1-content {font-size: 11px; margin: 12px 12px}
#menu-box1-content  img {float: left; margin-right: 7px}
#menu-box1-content span {width: 320px; display: inline; float: left}
#menu-box1-content a:hover {color: #000}
#menu-box1-content #space-hor {clear: both; font-size: 1%; height: 10px}
#menu-box2 {background: url(../images/home-bckgrnd-menu-box.gif) no-repeat bottom;position: absolute; top: 10px; width: 436px; height: 250px; z-index: 2; visibility: hidden}
#menu-box2-content {font-size: 11px; margin: 15px 20px}
#menu-box2-content td {width: auto; padding-bottom: 7px; vertical-align: baseline}
#menu-box2-content input {width: 200px; font-size: 11px; margin: 0 10px}
#menu-box2-content span #button {background: #E5E5E5; border: solid 1px #AFAFAF; font-weight: bold; width: auto; margin: 5px 10px; position: relative; left: 60px}
#menu-box2-advise {background: #F0F0F0; width: 90px; font-size: 10px; color: #808080; padding: 8px; float: right}
#menu-box2-top {background: url(../images/home-imgtop-menu-box2.gif) no-repeat; width: 436px; height: 22px; font-size: 10px}
#menu-box2-top span {position: absolute; left: 141px; top: 5px; color: #B13B33; width: 120px}
#menu-box2-top span a {position: absolute; left: -130px; top: 0px; color: #808080}



/*Right*/
#right {width: 148px; padding-left: 12px}
#right table {width: 100%}

/*Footer*/
#footer table {width: 100%}
#menu-footer {height: 58px}
#menu-footer img {margin-left: 6px}
#curve {background: url(../images/bckgrnd-curve-footer.gif) no-repeat; height: 72px}
#td-menu-footer-img {width: 160px; padding-right: 10px}
#menu-footer-list { background: url(../images/lin-dotted-hor.gif) repeat-x bottom}
#menu-footer ul {margin: 0; float: left; padding: 10px  10px 10px 0; list-style: none; position: relative; top: 22px; font-size: 10px}
#menu-footer li {padding: 0 0 5px 20px; float: left}
#menu-footer li#first {padding: 0 0 5px 4px; float: left}


.txDetalle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #999999; text-decoration: none}
.txCampo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}