/* 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}



/*Generales internas*/
#middle-inner-pages {width: 688px; padding-left: 36px}
#middle-inner-pages table {width: 100%}
#middle-inner-top {background: url(../images/inner-bkgrnd-middle-red-green.gif) bottom no-repeat; height: 79px}
#middle-inner-top div {width: 125px; height: 75px; float: left}
#middle-inner-top #empresa {width: 135px; height: 75px; float: left}
#middle-inner-top img {float: left; display: inline}
#middle-inner-left {background: url(../images/inner-bkgrnd-middle-grey.gif) top repeat-x; width: 400px; padding: 28px 12px 10px 0}
#middle-inner-right2 {width: 100%}
#middle-inner-right {width: 244px}
#middle-inner-right-tit {height: 28px; width: 244px; background: #E07515; color: #FFF; font-size: 12px}
#middle-inner-right-tit2 {height: 28px; width: 100%; background: red; color: #FFfffF; font-size: 12px}
#middle-inner-right-tit span {position: relative; left: 15px; top: 8px}
#middle-inner-right-tit2 span {position: relative; left: 150px; top: 8px}
#middle-inner-right-2 {width: 244px; background: url(../images/bckgrnd-noscroll-right.gif) repeat-y #F8F8F7}
#middle-inner-right-tit-2 {font-size: 12px; margin: 0 0 0 15px; border-bottom: 1px solid #D8D9DA}
.grey-top {background: url(../images/inner-bkgrnd-right-grey.gif) top no-repeat left; height: 28px; width: 100%}
#middle-inner-right-scroll {border-left: 1px solid #D8D9DA; border-right: 1px solid #D8D9DA; border-bottom: 1px solid #D8D9DA; height: 225px; width: 245px; padding: 10px 11px; font-size: 10px; overflow: auto}
#middle-inner-right-noscroll {width: 220px; padding: 10px 11px; font-size: 10px}
#middle-inner-right-scroll2 {border-left: 1px solid #D8D9DA; border-right: 1px solid #D8D9DA; border-bottom: 1px solid #D8D9DA; height: 225px; padding: 10px 11px; font-size: 10px; overflow: auto; valign="top"}
#middle-inner-right-noscroll {width: 220px; padding: 10px 11px; font-size: 10px}
#middle-inner-center {background: url(../images/inner-bkgrnd-middle-grey.gif) top repeat-x; width: 100%; padding: 10px 10px 10px 0}


/*Recetas*/
.tit-general-grey {color: #808080; font-size: 12px}
.tit-receta-red {text-transform: uppercase; color: #CD2100; font-size: 11px; padding-top: 3px}
.header-receta-green {font-size: 10px; color: #7D9905; padding-top: 4px}
.header2-receta-black {font-size: 11px; padding-top: 15px}
.text-receta-black {font-size: 11px; margin-top: 10px}
#middle-inner-left img {float: left; margin: 10px 10px 10px 0}

#middle-inner-left span {float: left; display: inline; width: 298px; margin: 10px 0}
#middle-inner-left div {float: left; width: auto; background: #F0F0F0; padding: 8px; color: #808080; font-size: 10px; margin: 12px 0}
#middle-inner-right-scroll dl {padding: 0 0 10px 0; margin: 0}
#middle-inner-right-scroll dt {padding: 0; margin: 0}
#middle-inner-right-scroll dd {padding-left: 12px; list-style: none; margin: 0}
.scroll-on {background: #F5D3CC}

/*Artículos*/
#middle-inner-right-scroll ul {padding: 0; margin: 0}
#middle-inner-right-scroll li {font-weight: bold; list-style: none; margin: 0 0 10px 0}
.text-articulo-black {font-size: 11px; margin: 10px 0; color: #000}
#middle-inner-left #note-month-index {padding: 6px 0; background: url(../images/lin-dotted-hor.gif) repeat-x bottom; float: left; margin: 6px 0}
#middle-inner-left #img-ch {margin: 0 10px 10px 0}
#middle-inner-left #read-more {margin: 3px 0 0 0; width: auto; padding: 0; font-size: 11px}
#middle-inner-left #read-more a {color: #92007b}
#middle-inner-left #read-more img {float: left; margin: 0 5px 0 0}
#middle-inner-center img {float: left; margin: 10px 10px 10px 0}
#middle-inner-center div {float: left; width: 100%; color: #808080; font-size: 11px; margin: 12px 0}
#middle-inner-center #note-month-index {padding: 6px 0; background: url(../images/lin-dotted-hor.gif) repeat-x bottom; float: left; margin: 6px 0}
#middle-inner-center #img-ch {margin: 0 10px 10px 0}
#middle-inner-center #read-more {float: left; margin: 3px 0 10px 0; width: auto; padding: 0; font-size: 11px}
#middle-inner-center #read-more a {color: #b13b33}
#middle-inner-center #read-more img {float: left; margin: 0 5px 0 0}
#middle-inner-top a {float: right; display: block; background: url(../images/bckgrnd-button-back-index.gif) no-repeat; font-size: 10px; color: #636363; font-weight: bold; width: 115px; height: 22px; position: relative; top: 38px}
#middle-inner-top a:hover {background: url(../images/bckgrnd-button-back-index.gif) no-repeat bottom; text-decoration: none}
#middle-inner-top p { padding: 4px 0 0 18px}
/*Empresa*/
.empresa {border-right: 1px solid #C2C1C1}
#middle-inner-right-noscroll ul {padding: 0 0 10px 0; margin: 0; list-style: none}
#middle-inner-right-noscroll li {padding: 0 0 0 10px; margin-top: 10px; background: url(../images/bullet-circle-orange.gif)  no-repeat}
#middle-inner-right-noscroll li span {color: #7D9905; text-transform: uppercase; font-weight: bold}
/*Fichas*/
.botonImprimir {font-size: 11px; margin-top: 10px; clear: left}