* { margin: 0; padding: 0 } body { font-family: Tahoma, Helvetica, Sans-Serif; font-size: 12px; color:#000000; background: #CAB796 } a { color: #000099; text-decoration: underline } a:hover { color: #990000; text-decoration: underline } .clear { clear:both; overflow: hidden; height: 1px; margin-top: -1px } .separador { height: 1px; background:url(../img/addons_dottedline_horizontal.gif) repeat-x; margin: 5px auto; overflow: hidden } #main-container { width: 722px; margin: 20px auto; display:block } #header { display: block } #header .logo[class] { width: 319px; height: 60px; float: left; margin: 0 0 10px 10px; background: url(../img/logo-acrocomia-solutions.png) 0 0 no-repeat } #header .logo { width: 319px; height: 60px; float: left; margin: 0 0 10px 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-acrocomia-solutions.png', sizingMethod='scale') } #header .lang { float: right; display: block; margin: 20px 10px 0 10px; text-align: right; _margin-bottom: -50px } #header .lang { float: right; display: block; margin: 20px 10px 0 10px; text-align: right; _margin-bottom: -50px } #header .lang .es a { width: 16px; height: 11px; display: block; background:url(../img/banderas.gif) 0 0 no-repeat; float: right; margin-left: 7px } #header .lang .en a { width: 16px; height: 11px; display: block; background:url(../img/banderas.gif) -16px 0 no-repeat; float: right; margin-left: 7px } #header .lang .de a { width: 16px; height: 11px; display: block; background:url(../img/banderas.gif) -32px 0 no-repeat; float: right; margin-left: 7px } #header .favoritos a { background:url(../img/banderas.gif) -48px 0 no-repeat; display: block; float: right; text-indent: 22px; line-height: 16px } #header .volverinicio a { background:url(../img/icono_home.gif) 0 0 no-repeat; display: block; float: right; text-indent: 22px; margin-left: 10px; line-height: 16px } #menu-container { height: 202px; border: 3px solid #DFD6C7; background: #FFFFFF } ul#menu { list-style: none; display: block; width: 149px; margin: 7px 7px 7px 0; float: left } ul#menu a { color:#000000; text-decoration: none } ul#menu li a { display: block; height: 25px; width: 149px; line-height: 25px; text-indent: 10px; background: #DFD6C7; border-bottom: 1px solid #B4ADA1; border-right: 1px solid #B4ADA1; border-left: 1px solid #E4DDD1; border-top: 1px solid #E4DDD1 } ul#menu li a:hover { background: #CBBBA1; border-bottom: 1px solid #8F8371; border-right: 1px solid #8F8371; border-top: 1px solid #E1D8C9; border-left: 1px solid #E1D8C9 } ul#menu li:hover a { background: #CBBBA1; border-bottom: 1px solid #8F8371; border-right: 1px solid #8F8371; border-top: 1px solid #E1D8C9; border-left: 1px solid #E1D8C9 } ul#menu table { border-collapse:collapse; margin: 0; padding: 0; font-size: 1em } ul#menu li.sublink { _margin-bottom: -2px } ul#menu li:hover ul.submenu, ul#menu li a:hover ul.submenu { visibility:visible } ul#menu li ul.submenu { list-style: none; float: left; margin: -25px 0 0 149px; position: absolute; visibility: hidden } ul#menu li ul.submenu li a { display: block; height: 27px; line-height: 27px; padding: 0 10px; text-indent: 0; background: #DFD6C7; border-bottom: 1px solid #B4ADA1; border-right: 1px solid #B4ADA1; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF } ul#menu li ul.submenu li a:hover { background: #CBBBA1; border-bottom: 1px solid #8F8371; border-right: 1px solid #8F8371; border-top: 1px solid #E1D8C9; border-left: 1px solid #E1D8C9 } div#ilustracion-izquierda { float: left; height: 202px; width: 72px; background:url(../img/bot_left.jpg); display: block } #menu-container div#ilustraciones { width: 481px; height: 188px; display: block; margin: 7px 0 0 0; float: left } #menu-container div.header1 { background: url(../img/headers/header01.jpg) } #menu-container div.header2 { background: url(../img/headers/header02.jpg) } #menu-container div.header3 { background: url(../img/headers/header03.jpg) } #menu-container div.header4 { background: url(../img/headers/header04.jpg) } #menu-container div.header5 { background: url(../img/headers/header05.jpg) } #menu-container div.header6 { background: url(../img/headers/header06.jpg) } #menu-container div.header7 { background: url(../img/headers/header07.jpg) } #menu-container div.header8 { background: url(../img/headers/header08.jpg) } #menu-container div.header9 { background: url(../img/headers/header09.jpg) } #menu-container div.header10 { background: url(../img/headers/header10.jpg) } #menu-container div.header11 { background: url(../img/headers/header11.jpg) } #menu-container div.header12 { background: url(../img/headers/header12.jpg) } #menu-container div.header13 { background: url(../img/headers/header13.jpg) } #menu-container div.header14 { background: url(../img/headers/header14.jpg) } #menu-container div.header15 { background: url(../img/headers/header15.jpg) } #content-container { width: 477px; display: block; border-left: 245px solid #DFD6C7 } #content-container .left { width: 231px; display: block; float: left; margin-left: -245px; padding: 7px; position:relative } #content-container .right { width: 463px; display: block; float: left; padding: 7px } #content-container .left #box-noticias { display: block } #content-container .left #box-noticias h2 { display: block; font-size: 1.3em; color:#564636; letter-spacing: -.03em; margin: 0 7px; background: url(../img/icono_noticias.gif) 0 0 no-repeat; line-height: 30px; padding-left: 40px } #content-container .left #box-noticias .titulo { display: block; font-weight: bold; margin: .3em 7px; line-height: 1.2em } #content-container .left #box-noticias .resumen { display: block; margin: .1em 7px; line-height: 1.2em } #content-container .left #box-noticias .imagen { float: left; width: 50px; height: 50px; margin: 5px 5px 5px 7px; border:1px solid #000 } #content-container .right p { margin: 1em 0; line-height: 1.5em } #content-container .right h1 { font-size: 1.8em; font-weight: bold; letter-spacing: -.04em; color:#564636 } #content-container .right h2 { font-size: 1.5em; font-weight: bold; letter-spacing: -.04em; color:#564636 } #footer { width: 722px; height: 43px; display: block; background: url(../img/barra-izquierda-tail.gif) 0 0 no-repeat; font-size: 10px; color:#71634C } #footer a { color: #71634C } #footer a:hover { color: #000 } #footer div#copyright { width: 450px; float: left; display: block; margin: 21px 0 0 8px; font-weight: bold } #footer div#buenasideas { width: 200px; float: right; display: block; margin: 21px 8px 0 0; text-align: right }