/* RESET CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /* /RESET CSS */ body {background:url(../images/bg.jpg) repeat-x #fff;font-family:Arial, Helvetica, sans-serif; font-size: 0.75em; color:#777} a {color:#4b396d; text-decoration:underline} a:hover {text-decoration:none} strong {font-weight:bold} em {font-style:italic} small {font-size: 0.833em} .clear {clear:both} input , textarea,select{border:1px solid #ddd;} input,select,textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em} .img-frame {border:5px solid #fff} .img-right {float:right; margin-left:15px} .img-left {float:left; margin-right:15px;} .img-low {margin-top:20px} .bg-grad {background:url(../images/bg-grad.gif) repeat-x;} .thinner-col {padding:0 15px} .quote-text {color:#777; text-align:center; font-size:2.25em} /*Layout*/ #bg_main {background:url(../images/fondopag2.jpg) top center no-repeat;} #wrapper {width:980px; margin:0 auto;} #content {position:relative;} #main-content {width:830px; position:relative; z-index:2;} .bg-lc {background:url(../images/bg_left_content.png) repeat-y; padding-left:17px} .bg-rc {background:url(../images/bg_right.png) top right no-repeat; padding-right:17px} .c-holder {background:#fff; min-height:760px;} /*Header*/ #header {height:115px; position:relative; z-index:20} #logo {position:absolute; width:355px; bottom:10px} #top-nav {position:absolute;color:#fff; font-weight:bold; bottom:15px; right:170px} #top-nav a{color:#fff; text-decoration:none} #top-nav a:hover {text-decoration:underline} #top-nav span {padding:0 15px} #top-nav .ic-home {vertical-align:text-bottom} #join {width:110px; height:131px; position:absolute; top:0; left:500px;} #join a{display:block; background-repeat:no-repeat} #join a:hover {background-position:right top} /*Footer*/ #footer {font-size:0.917em; padding:0 30px 20px 30px;} #footer p {padding:5px 0} #foot-nav span {padding:0 10px} #foot-nav a{color:#777} #foot-nav a:hover {color:#4b396d;} /*Country Selector*/ #country-change {width:224px; position:absolute; top:0; right:6px; z-index:1;} .bg-foot-cc {background:url(../images/bg-country-foot.png) bottom right no-repeat; padding-bottom:16px} .bg-body-cc {background:url(../images/bg-country.png) top right no-repeat; overflow:hidden} .cc-holder {width:117px; float:right; margin-right:7px; padding:10px 10px 0 10px; color:#fff;} .side-box {margin:15px 0;} .side-box h3 {font-weight:bold; padding-bottom:3px;font-size:0.917em;} .side-box p {font-size:0.717em;padding:0.5em 0; line-height:1.5} .side-box .newnota {font:Verdana;font-size:0.82em;padding:0.3em 0; line-height:1.3} .side-box p.big {font-size:1em;} .side-box a{color:#daa104; text-decoration:none} .side-box a:hover {text-decoration:underline} #thoughts {border:1px solid #8f83a4; padding:5px} #thoughts .more-thoughts {background:url(../images/blue-arrow.gif) right top no-repeat; line-height:13px; color:#fff; padding-right:15px} #country-change input {border:0; float:left; padding:0} #country-change .txt-country {width:96px; font-size:0.917em; background:url(../images/bg-textbox.gif) repeat-x #dba304; color:#4e3906;padding:3px 2px} .world {background:url(../images/world.png) top center no-repeat; /*padding-top:105px;*/ padding-bottom:5px;} /*Language selector*/ #language {font-size:0.917em;} #language strong {padding-left:7px} #langs {float:left; padding:2px 0; margin-top:5px} #langs a{float:left} #langs img {margin:0 7px; display:block} /*Main Navigation*/ #main-nav {background:url(../images/bg-menu.gif) bottom left repeat-x #fff; height:37px; margin:0 5px;width:786px; position:relative; z-index:30} #main-nav li {float:left; font-weight:bold;} #main-nav a {color:#4f5151; text-decoration:none; line-height:37px; display:block;/* padding:0 7px;*/ text-align:center; font-size:0.917em;text-transform:uppercase;} #main-nav a:hover,#main-nav .current a, #main-nav li:hover>a {color:#fff; background:#4b386d;} #main-nav .separator {display:block; width:1px; background:url(../images/menu-division.png) right bottom no-repeat; height:37px} /*Sub-Navigation*/ #main-nav li ul {display:none; position:absolute; background:url(../images/bg-submenu.gif) top left #fff; left:0; border-bottom:1px solid #777 } #main-nav li.current ul {top:37px} #main-nav li ul.give-space {left:338px} #main-nav li:hover ul {display:block} #main-nav li ul li {padding:17px 13px; border-right:1px solid transparent; width:169px;} #main-nav li ul li h2 {padding-bottom:5px;text-transform:uppercase; font-weight:bold; font-size:0.917em} #main-nav li ul li p {padding:3px 0} #main-nav li ul li a,#main-nav li.current ul li a{line-height:normal; padding:0;color:#4b396d; text-transform:capitalize; font-size:0.833em; text-align:left; background:none} #main-nav li ul li a:hover {background:none;color:#4b396d; text-decoration:underline} /*Rotating Banner*/ #main-banner {margin:0 0 5px 5px; width:786px; height:320px; position:relative;} #main-banner img {display:block} #main-banner #rotate {overflow:hidden;width:786px; height:290px; position:relative} /*Alto y Ancho del banner*/ #main-banner #thumb-banner {float:right; margin-top:-45px; position:relative; z-index:10} #main-banner #thumb-banner li {float:left; width:100px; height:66px;} #main-banner #thumb-banner img {margin:4px 0 0 4px; position:absolute; z-index:2} #main-banner #thumb-banner .mask {background:url(../images/thumb-mask.png) no-repeat; width:100px; height:66px; display:block; position:absolute; z-index:3; cursor:pointer} #main-banner #thumb-banner .current .mask{background:url(../images/thumb-mask.png) left bottom no-repeat;} /*Home Content Boxes*/ .box {float:left; padding:0 18px; width:228px;} .box h2{padding-bottom:10px; font-weight:bold; color:#666; font-size:1.333em} .box h2.s2 {color:#51a1e6;} .box p {line-height:1.5;padding:0.5em 0;} .box small {color:#444; font-size:0.909em;} .box a{color:#4985d7; text-decoration:none} .box a:hover {text-decoration:underline} .vert-line {width:1px; height:218px; background:url(../images/box-division.png) no-repeat; float:left} .centered {text-align:center} #home-icons li {float:left; width:76px; margin:0px auto; padding:10px 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; height:115px;font-size: 0.917em} #home-icons a{text-decoration:none;color:#777} #home-icons a:hover {color:#4b396d;} /*Home Bottom Boxes*/ #bottom-holder {width:794px; margin:0 auto} #bottom-content {background:url(../images/bg-bottom-content.png) left bottom repeat-x #fff;width:770px; color:#1a1a1a; } #bottom-content .vert-line {height:50px; width:1px; float:left;background:none} .bottom-box {padding:15px 20px; float:left; width:216px;} .bottom-box h2 {text-transform:uppercase; border-bottom:1px solid #1a1a1a; font-size:1.167em; font-weight:bold; padding-bottom:4px; margin-bottom:7px} .bottom-box img {float:left; margin:0 15px 0 0} .bottom-box p{font-size:0.917em; line-height:2} .bottom-box a{color:#2283ac; text-decoration:none} .bottom-box a:hover{text-decoration:underline} /*Breadcrumbs*/ #bread-crumbs {margin:10px 10px 20px 10px; float:left; width:770px; font-size: 0.917em; color:#666; text-transform:capitalize} #bread-crumbs li{float:left; padding:0 5px 0 0} #bread-crumbs a{color:#999} #bread-crumbs a:hover {color:#2283ac;} /*POST CONTENT*/ #side-column, #post{float:left} /*Side column*/ #side-column {width:155px; padding-left:5px} #side-column p.menu-title {text-transform:uppercase; color:#000; font-size:1.333em; font-weight:bold} #side-menu {padding:10px 0; border-bottom:1px solid #ddd} #side-menu li {padding:5px 0} #side-menu a{color:#000; text-decoration:none} #side-menu a:hover {text-decoration:underline} #side-menu a.current {color:#3587b3; text-decoration:none} #side-menu li ul {margin-left:10px; padding-top:5px} #side-menu li ul li {padding:5px 0 0 0} .vid-desc {font-size:0.917em} .col-box {margin:12px 0} .col-box p {padding:0.5em 0;} .col-title {color:#51a1e6; font-weight:bold; padding-bottom:5px; font-size: 1.25em} .box-notice {padding:5px 15px; background:url(../images/side-scratch.gif) repeat-y #dee0e0; color:#8f8686} .box-notice .title{font-size:1.167em; font-weight:bold} /*Post Body*/ #post {width:600px; margin-left:20px;color:#1a1a1a; padding-bottom:20px} #post-heading.no-btn {margin-bottom:15px} #post-heading h1{color:#3587b3; text-transform:uppercase; font-size: 1.667em; font-weight:bold} #post-heading p{color:#777; font-size:1.167em} #post-body p {line-height: 1.667em;padding:0.667em 0;} #post-body.subpage{color:#777} #post-body h2,#post-body h3 {padding:15px 0 3px 0;font-weight:bold;} #post-body h2 {font-size: 1.333em;} #post-body h3 {font-size: 1.167em;} #post-body h2.color1,#post-body h3.color1 {color:#e1aa07} #post-body h2.color2,#post-body h3.color2 {color:#3586b1} #post-body h2.color3,#post-body h3.color3 {color:#ed7504; border-bottom:1px dashed #777; margin-bottom:10px} #post-body h2.color4 {color:#1a1a1a; border-bottom:1px dashed #777; margin-bottom:5px} #post-body h2 a,#post-body h3 a{color:#3587b3; text-decoration:none} #post-body blockquote{background:#e1edf4; font-weight:bold; padding:5px 10px;clear:both;} #post-body ul, #post-body ol,#post-body dl {padding-top:0.5em;margin-left:30px;} #post-body ul li,#post-body dl dt{padding:0 0 0.5em 0; list-style-type:disc;} #post-body dl dt {font-weight:bold; font-size:1.083em} #post-body dl h2 a{color:#e1aa07; text-decoration:underline} #post-body dl h2 a:hover{color:#e1aa07; text-decoration:none} #post-body dl dd {line-height:1.5em;/*padding:0 0 1em 18px;*/padding:0 0 1em 0;} #post-body ol {list-style-type:decimal;} #post-body ol li { padding:0 0 1em 0;} #post-body .ol-alpha {list-style-type:lower-alpha} #post-body ol.ol-color {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#999; font-size: 1.167em} #post-body ol.ol-color p {color:#333; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; padding:0; line-height:1.5em; font-size: 0.857em;} .head-btn {float:right;} .back {float:right; text-transform:uppercase; font-size:0.688em; margin-right:10px} #post-body .anchor-menu {margin:0; font-weight:bold;font-size: 1.333em;} #post-body .anchor-menu li{list-style-type:none; border-bottom:1px solid #61676a; margin-bottom:0.5em} #post-body .anchor-menu a{color:#3587b3; text-decoration:none} /*Post Navigation*/ #post-nav {text-transform:uppercase; font-size: 0.917em; font-weight:bold; margin:5px 0; height:32px} #post-nav td {border-left:1px solid #7b8383; vertical-align:middle;text-align:center; padding:2px 10px;} #post-nav td.first {border:0} #post-nav a{color:#000; text-decoration:none;} #post-nav a:hover {color:#e1aa07} #post-nav td.current {background:#e1aa07; border-left:0;padding:2px 10px 2px 11px;} #post-nav td.current + td {border-left:0;padding:2px 10px 2px 11px;} #post-nav td.current.first {border-left:0;padding:2px 10px 2px 10px;} #post-nav td.current a {color:#fff;} /*Post SUB-Navigation*/ #post-subnav {text-transform:uppercase; font-weight:bold;font-size: 0.917em; margin:10px 0; float:left} #post-subnav li {float:left; color:#666} #post-subnav li a{display:block; padding:0 10px; color:#999} #post-subnav li a.current {color:#333; text-decoration:none} /*POST SLIDER*/ .post-slider {background:url(../images/bg-slider.png) no-repeat; width:600px; height:174px; position:relative} #arrow-left,#arrow-right {position:absolute; top:31px} #arrow-left {left:0} #arrow-right {right:0} #post-body #slide-rotate{overflow:hidden;width:506px; height:126px; position:absolute; left:47px; top:24px; margin:0} /*HALO BOX*/ .halo-content {padding:8px 17px} .halo-content a.view-more{color:#e29206; font-weight:bold; text-transform:uppercase; display:block; padding-bottom:5px} .bg-t{background:url(../images/bg-t.png) repeat-x;} .bg-b{background:url(../images/bg-b.png) left bottom repeat-x} .bg-l{background:url(../images/bg-l.png) repeat-y;} .bg-r{background:url(../images/bg-r.png) right top repeat-y;} .tl{background:url(../images/tl.png) no-repeat} .tr{background:url(../images/tr.png) right top no-repeat} .bl{background:url(../images/bl.png) left bottom no-repeat} .br{background:url(../images/br.png) right bottom no-repeat} /*DECO HALO BOX*/ .deco-bg-t{background:url(../images/deco-bg-t.png) repeat-x #367a79; width:550px; margin:0 auto} .deco-bg-b{background:url(../images/deco-bg-b.png) left bottom repeat-x} .deco-bg-l{background:url(../images/deco-bg-l.png) repeat-y;} .deco-bg-r{background:url(../images/deco-bg-r.png) right top repeat-y;} .deco-tl{background:url(../images/deco-tl.png) no-repeat} .deco-tr{background:url(../images/deco-tr.png) right top no-repeat} .deco-bl{background:url(../images/deco-bl.png) left bottom no-repeat} .deco-br{background:url(../images/deco-br.png) right bottom no-repeat} .deco-pat {background:url(../images/deco-pattern.png)} /*GRAY HALO BOX*/ .gray-bg-t{background:url(../images/gray-t.png) repeat-x #edeeee;} .gray-bg-b{background:url(../images/gray-b.png) left bottom repeat-x} .gray-bg-l{background:url(../images/gray-l.png) repeat-y;} .gray-bg-r{background:url(../images/gray-r.png) right top repeat-y;} .gray-tl{background:url(../images/gray-tl.png) no-repeat} .gray-tr{background:url(../images/gray-tr.png) right top no-repeat} .gray-bl{background:url(../images/gray-bl.png) left bottom no-repeat} .gray-br{background:url(../images/gray-br.png) right bottom no-repeat} /*Main box*/ .main-box {margin-bottom:15px} #post-body .main-box h2{color:#fff; text-transform:uppercase; padding:5px 15px; background-image:url(../images/bg-heading.png); background-repeat:repeat-x} #post-body .main-box h2 a{color:#fff; text-decoration:none} #post-body .main-box h2 a:hover {text-decoration:underline} .main-box h2.color1 {background-position:0 0; background-color:#e9c044} .main-box h2.color2 {background-position:0 -66px; background-color:#adcb7c} .main-box h2.color3 {background-position:0 -132px; background-color:#ac619e} .main-box h2.color4 {background-position:0 -198px; background-color:#d76a5b} .main-box h2.color5 {background-position:0 -264px; background-color:#bd8f63} .main-box h2.color6 {background-position:0 -330px; background-color:#7db0cc} .main-box h2.color7 {background-position:0 -396px; background-color:#80be64} .main-box h2.color8 {background-position:0 -462px; background-color:#627aa7} .main-box h2.color9 {background-color:#e1aa07; background-image:none !important} .main-box h2.color10 {background-color:#6442f6; background-image:none !important} .main-box h2.color11 {background-color:#45a935; background-image:none !important} .main-box h2.color12 {background-color:#d7403f; background-image:none !important} #post-body .main-box img {display:block; margin:3px 0} /*Video Interview*/ #video-interview {float:left; width:370px;} #video-sidecol {float:right; width:205px;} #video-info {background:#eee; border:1px solid #ccc; padding:0 8px; margin-top:35px} #post-body #video-info p {line-height:1.4em;font-size:0.917em; } #post-body #video-info .meta-info {padding:7px 0} #post-body #video-info .meta-info strong {color:#03C} #post-body #video-info .meta-info em,#post-body #more-videos em {color:#666; font-style:normal;font-size:0.917em} #post-body #more-videos p{color:#1a1a1a; padding:0; line-height:1.4em} #post-body #more-videos li{list-style-type:square; color:#e1aa07; margin-left:28px} #post-body #more-videos {border:1px solid #ccc; margin:15px 0} #post-body #more-videos a{color:#1a1a1a; text-decoration:underline} #post-body #more-videos a:hover {text-decoration:none} /*DECO BOX*/ .deco-box {text-align:center; padding:5px 0 50px 0; width:450px; margin:0 auto; color:#eee} .deco-box-inside {padding:20px;background:url(../images/bg-deco-inner.jpg) #000} .deco-box-title {font-size:1.5em} /*Inner list*/ #post-body ul.inner-list {color:#908d8b;margin:0 } #post-body ul.inner-list li{list-style-type:none; border-bottom:1px dashed #908d8b; padding:7px} .inner-list a{color:#908d8b; text-decoration:none;} .inner-list a:hover {color:#ed7504} #post-body ul.inner-list.in-cols li{float:left; margin:0 10px; width:166px} /*PAGING*/ .page-nav {color:#777; margin:20px 0; text-align:center} .page-nav a{color:#777; text-decoration:none; padding:0 3px;font-weight:bold} .page-nav a:hover {color:#ed7504} .page-nav span {color:#333;padding:0 3px;font-weight:bold} .page-nav a.nav-btn {font-weight:normal;padding:0 5px} /*AUDIOCONFERENCIAS*/ #post-body .halo-content.audioconf {position:relative; padding:8px 40px} #post-body .halo-content.audioconf h2,#post-body .halo-content.audioconf h3{font-family:"Arial Narrow",Arial, Helvetica, sans-serif;font-weight:normal; text-align:center} #post-body .halo-content.audioconf h2 {color:#9d9595; font-size:2.5em; padding:15px 0 0 0} #post-body .halo-content.audioconf h3 {color:#3587b3; font-size:1.875em; padding:0} .audioconf .audio-holder #audios {height:346px; width:520px; overflow:hidden} .audioconf .audio-holder .audio-block img {float:left; margin:8px} .audioconf .audio-holder {border-top:1px dashed #969296; padding:12px 0 60px 0; margin-top:15px} #arrow-top,#arrow-bottom {position:absolute; right:60px} #arrow-top {top:55px} #arrow-bottom {bottom:25px} .stripes {background:url(../images/stripes.png) bottom left no-repeat} .audio-box {border:8px solid #a39c9c; margin:20px 0;} .audio-info .title {color:#a661e9; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:1.667em} .audio-info {float:right; width:290px; padding-top:30px} .disc-holder {float:left; position:relative; padding:0 40px 15px 40px} #discs {width:163px; height:193px; overflow:hidden} #discs .disc-info {float:left; background-color:transparent !important; width:163px; text-align:center} #discs .disc-info p {text-align:left} #discs .disc-info p img {margin:0 5px} .disc-holder #arrow-left,.disc-holder #arrow-right{top:90px} /*Popup*/ #popup {color:#1a1a1a; width:300px} #popup .col-a,#popup .col-b {float:left} #popup .col-a {width:130px;} #popup .col-b {width:170px;} #popup .title {color:#5a7d56; padding-bottom:5px;} #popup ul li{padding:2px 0} #popup {padding:3px 0} /*Social Network*/ .social-network {padding:8px 6px; background:#fff} .social-network img {margin:1px 2px} /*NA Paises*/ #na-countries td { padding:1px 1px 1px 1px;font:0.92em Verdana;} #na-countries b { padding:1px 1px 1px 1px;font:0.92em Verdana;color:#4f5151;font-weight:bolder;} #post-body #na-countries ul {margin:0; padding-right:10px} #post-body #na-countries ul li{ list-style-type:none;padding:0 0 0.2em 0;} /*BLOGS*/ #blog-notice {background:url(../images/bg-blog.jpg) no-repeat; width:600px; height:444px; position:relative} #blog-notice .blog-text {position:absolute; top:130px; width:280px; left:160px; color:#5d5454; font-size:1.667em; text-align:center} #blog-notice .blog-title {width:352px; height:33px; left:123px; top:63px; position:absolute; text-align:center; line-height:33px; font-weight:bold; font-size:1.333em} #blog-notice .blog-text strong {color:#c3830e;font-size:1.417em;} #blog-notice .blog-text em {font-weight:bold; font-style:normal} .new {border:2px solid #ffffff;margin:0px;} #blog-holder {position:relative} #blogs {width:540px; margin:0 auto;} #blogs .blog-block li{float:left; margin:0px auto; background-image:none; height:108px; text-align:center; padding:3px 0 0 3px;vertical-align:middle} .blog-block a { width:155px; text-decoration:none; color:#000000;} /*#blogs .blog-block li.vert-line {height:179px; background:url(../images/line-dotted.gif) repeat-y; width:1px; margin:0}*/ #blogs .blog-block ul {margin:0px auto} #blogs .blog-block ul li {padding:0 0 0 0; list-style-type:none; margin:0px auto; width:125px; height:108px} #blogs .blog-block ul p img{margin-left:3px; vertical-align:middle} /*NEWSLETTER*/ #archives {background:#d6d9d9; padding:10px 7px; color:#1a1a1a} #archives ul {margin-bottom:10px} #archives li {background:#fff; padding:5px; margin:3px 0} #archives li strong {display:block; padding-bottom:3px} #archives p{font-size:1.333em; font-weight:bold} #newsletter-form {width:270px; margin:0 auto} #thougths-form {width:270px; margin:0 auto} .form label{float:left; color:#3587b3; text-align:right; width:62px; padding-right:10px} .form input.chkbox {width:auto !important; border:0; margin:0 3px} #post-body .form p {clear:both;padding:3px 0;} .form input {width:190px} .form input.btn-send {width:77px; height:32px; border:0; padding:0} .upper-title {text-transform:uppercase; font-size:1.5em; font-weight:normal} /*PRESS*/ .press-block { border-bottom:1px dashed #666; margin:10px 0; padding-bottom:10px} .press-block a.view-more {color:#000; text-decoration:none; font-weight:bold} .press-block a.view-more:hover {text-decoration:underline} .press-block.last {border-bottom:0} #post-body .press-meta p{padding:0; line-height:1.25em} #post-body .press-meta h2 ,#post-body .press-meta em{text-transform:uppercase} #post-body .press-meta em {font-style:normal;font-size: 1.25em; font-weight:bold} #post-body .press-meta small {font-size: 1.25em;} .map-bg {background:url(../images/map.jpg) left bottom no-repeat; padding-bottom:200px} .press-media {background:#3587b3; color:#fff; font-weight:bold; width:600px} .press-media object {display:block} .press-media .text-td {vertical-align:middle; padding:20px; font-size:1.333em;} /*PROYECTOS*/ .history-col {margin:14px; float:left; width:160px;} #post-body .gray-halobox h2 a,#post-body .gray-halobox h3 a{color:#1a1a1a} #post-body .gray-halobox h2 a:hover, #post-body .gray-halobox h3 a:hover {text-decoration:underline} #post-body .history-col p,#post-body .actions-box p,#post-body .proy-box p,#post-body .overlay-white p {font-size:0.917em; line-height:1.333em} .box-holder {margin-bottom:20px} .actions-box {width:253px; float:left; margin:15px;} .actions-box img {float:right; margin:8px 0 0 5px} #post-body .actions-box h3 {padding-top:0} .horz-line {clear:both; width:537px; height:3px; background:url(../images/horz-line.png) no-repeat; margin:0 auto} .gray-halobox .title {padding:8px 15px;font-weight:bold; color:#fff; background:#090a09; text-transform:uppercase; font-size:1.25em} .proy-box {width:270px; float:left; margin:8px 5px;} .img-holder {position:relative;padding-top:0.667em} .img-overlay {position:absolute; bottom:22px; left:0; width:270px;} .img-overlay strong, .img-overlay em {display:block; color:#fff; font-weight:normal} .img-overlay strong {text-transform:uppercase; background:#000; padding:3px 25px;} .img-overlay em {background:url(../images/overlay.png);padding:3px 17px 20px 17px; font-style:normal; font-size:1.333em;} #post-body.gray-box {position:relative} #graybox-holder {width:540px; margin:0 auto;} #graybox-holder .img-overlay strong {background:#9b9d18; padding:3px 55px 3px 25px; float:left} #graybox-holder .img-overlay em {padding:7px 17px;} #graybox-holder .img-overlay {width:506px;} #graybox-holder .halo-content {padding:8px 17px 30px 17px} #post-body.gray-box #arrow-left,#post-body.gray-box #arrow-right{top:130px} .img-history {position:relative; padding:12px; overflow:auto} .img-history .country,.img-history .main-title {position:absolute;left:50px;} .img-history .country {top:72px; background:url(../images/bg-country-box.gif) repeat-x #fff;} #post-body .img-history .country p{padding:1px 10px; background:url(../images/corner-p.gif) no-repeat} #post-body .img-history p.main-title,#post-body .img-history p.main-title-shadow{line-height:normal; padding:0} .img-history .main-title,.img-history .main-title-shadow {font-size:3em; letter-spacing:-1px} .img-history .main-title {color:#fff; top:110px; z-index:2} .img-history .main-title-shadow {color:#000; left:52px; top:112px;position:absolute; z-index:1} .overlay-white {background:url(../images/overlay-white.png); padding:5px 45px; position:absolute; left:12px; top:170px; width:486px;} #post-body .img-history .read span{background:url(../images/corner-p2.gif) no-repeat; display:block; padding:3px 10px} #post-body .img-history .read{color:#fff; text-decoration:none;background:url(../images/bg-link-box.gif) repeat-x #9b9d16; float:left;} .donate {font-size:1.333em; margin:30px 0 20px 0} .heart-bg {background:url(../images/bg-heart.jpg); height:629px; width:500px; margin:0 auto} #post-body.heart-bg {position:relative} #post-body.heart-bg h2 {position:absolute; top:210px; text-align:center; width:350px; left:75px; color:#fff; font-size:1.833em; font-weight:normal} #post-body.heart-bg .heart-text {width:250px; position:absolute; color:#fff; left:125px; top:280px; text-align:center} #questions {width:580px; margin:0 auto; padding:0 5px 0 5px; } #questions #fuente {width:190px; float:left; font-size:0.8em;} #questions #fuente2 {float:left; font-size:1.0em;} #questions a {color:#1a1a1a} #cm,#cp {position:absolute; top:0} #cp {right:36px} #cm {right:155px} #post-body.hand-bg {background:url(../images/bg-hand.jpg); height:484px; width:500px; margin:0 auto; position:relative} #post-body.hand-bg .hand-text {position:absolute; background:#981b06; padding:20px 40px; color:#fff; width:420px;top:427px} #post-body.hand-bg .hand-text h2{padding-top:0;font-size:2.5em;} #cd {position:absolute; top:0; right:40px} .proy-col {width:370px; float:left; margin:8px 0 8px 10px} .proy-col .img-overlay {width:370px;} .proy-notice {width:110px; background:#9b9d18; padding:10px 15px; float:right; margin:16px 10px 16px 0} .notice-box {padding:10px 0} .notice-box strong {text-transform:uppercase; display:block; color:#fff; font-size:2.5em} .notice-box strong.st1 {color:#cfd090} .notice-box strong.st2 {color:#dda404} .notice-box a{color:#fff; display:block} .proy-video {background:#bbb; padding:10px} .proy-video object{float:left; margin-right:10px} #post-body .proy-video p{font-size:0.917em; line-height:1.333em} /*APOYA*/ .area {margin:20px 0; padding-bottom:20px; border-bottom:1px dashed #777} .area.last {border:0} .area .image,.area .text {float:left} .area .image{width:155px} .area .text{margin-left:20px; width:420px} #post-body .area .text h2 a{color:#d60d0d;} #post-body .area .text h2 a:hover {text-decoration:underline} #post-body .area .text h2 {padding-top:0} /*DONAR*/ .paypal-col {width:210px;float:right} .cc-col {width:350px; float:left} .cc-col .form label{width:110px; /*text-align:left*/} .cc-col .form input {width:222px} #donate-cc.form p.title{color:#999; font-weight:bold; padding-top:20px} #donate-cc.form small {color:#666; font-size:0.917em} #donate-cc.form p.bump-down {padding-top:30px;color:#666; padding-bottom:10px} #donate-cc.form input.btn-continue {width:213px; height:32px; border:0; padding:0} /*DROP SHADOW*/ .wrap0, .wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ } .wrap0 { float:left; background:url(../images/shadow/shadow.gif) right bottom no-repeat; } .wrap1 { background:url(../images/shadow/shadow180.gif) no-repeat; } .wrap2 { background:url(../images/shadow/corner_bl.gif) -18px 100% no-repeat; } .wrap3 { padding:10px 14px 14px 10px; background:url(../images/shadow/corner_tr.gif) 100% -18px no-repeat; } #PluginHolder{ margin:50px; background-color:#F2F9FF; border:1px solid #DFEEFF; padding:50px; } .selectholder{ width:242px; overflow:0px; padding:4px; height:22px; display:block; background:url(../images/select.gif); color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; cursor:pointer; } .selectholder span{ width:242px; height:22px; display:block; } .selectholder ul{ background:#FFF; border:1px solid #333; border-top:none; color:#000; display:block; width:242px; list-style:none; list-style-type:none; } .selectholder ul li{ padding:2px 3px; } .selectholder ul li:hover{ background:#0CF; color:#FFF; } .selectholder select{ min-width:242px; } .selectholder2{ width:192px; overflow:0px; padding:4px; height:19px; display:block; background:url(../images/select-2.gif) top; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; cursor:pointer; } .selectholder2:hover, .selectholder2:focus{ background:url(../images/select-2.gif) bottom; } .selectholder2 span{ width:200px; height:19px; display:block; line-height:19px; } .selectholder2 ul{ background:#dfa8ef; border:1px solid #a73ac8; border-top:none; color:#000; display:block; width:198px; margin-left:-4px; list-style:none; list-style-type:none; } .selectholder2 ul li{ padding:2px 3px; } .selectholder2 ul li:hover{ background:#e49afa; color:#FFF; } .selectholder2 select{ min-width:242px; } .newselect{width:120px; height:20px;padding:2px 0 0 5px; background-color:#dba304; font:10px Verdana;} .tvideo {font-size:0.917em; line-height:2px} .tvideo2 {font-size:0.917em; line-height:1.5} .cont_txt{ width:300px;}