@import url("redmond/jquery-ui-1.10.3.custom.css"); @import url("colorbox.css"); @import url("autocompletev2.css"); @import url("forms.css"); @import url("icons.css"); @import url("pop-ups.css");  html, body { box-sizing: border-box; } a { text-decoration:none; } body { background-color:#62afac; margin:0px; padding:0px; min-width:1000px; } .fadeBox { position:absolute; top:0px; left:0px; right:0px; height:1200px; z-index:0; background-position:center top; background-repeat:repeat-x; } .innerpage .fadeBox { height:160px; } .bg1{ background-image:url(../images/oestop1.jpg); } .bg2{ background-image:url(../images/oestop2.jpg); } .bg3{ background-image:url(../images/oestop3.jpg); } .inner { background-image:url(../images/bg_inner.jpg); } .mdiv {  width:1000px; margin:0px auto; z-index:2; position:relative;  } .tag4 { display:inline-block; color:#ffffff; text-transform: uppercase; font-family: "pt sans", sans-serif; margin-left:40px; vertical-align:top; margin-top:35px; font-size:18px; width:195px; font-weight:200; text-shadow: 0px 0px 2px rgba(180, 180, 180, 1); } .tag4 b { font-weight:400; } .tag4 strong{  color:#255c72; font-weight:400; } .alert_box {  font-family: "pt sans", sans-serif; color:red; font-size:1.1em; padding:1em; text-align:center; } .white { background-color:#ffffff; padding-bottom:40px; } .innerpage .white { min-height:900px; } .logo { display:inline-block; width:240px; height:80px; padding:5px; } .top_opts { display:inline-block; width:745px; height:80px; text-align:right; vertical-align:top; position:relative; font-family: "pt sans", sans-serif; } .innerpage .top_opts { width:505px; } .searchform { display:none; position:absolute; right:0; top:50px; background-color:#8fb4c4; } .slogan { height:100px; font-size:40px; padding-top:10px; text-align:center; font-family: "pt sans", sans-serif; font-weight:300; color:#ffffff; text-transform:uppercase; } .slogan strong { font-weight:normal; } .slogan b { font-weight:400; color:#0b1f47; } .boxes { margin:0px -10px 0 -8px; } .boxes a, .countries { display:block; } .boxes a, .countries .box{ display:inline-block; margin:15px 5px 15px 5px; width:206px; height:182px; border-radius:3px; font-family: "pt sans", sans-serif; font-weight:300; padding:45px 18px 23px 15px; text-decoration:none; font-size:27px; vertical-align:middle; text-transform:uppercase; position:relative; } .boxes a::before { content: ""; opacity: 1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .boxes .box1 { background-color: rgba(52,98,129,.47); color:#ffffff; transition:background .2s linear; } .boxes a.box1:hover { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(119,150,171,0) 67%, rgba(98,175,178,1) 100%);  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(119,150,171,0) 67%,rgba(98,175,178,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(119,150,171,0) 67%,rgba(98,175,178,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#346281',GradientType=0 );  transition:background .2s linear; } .boxes .box2 { background-color:rgba(255,255,255,.8); border:1px solid rgba(105,153,173,.8); color:#003b60; transition:background .2s linear; } .boxes a.box2:hover {  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 67%, rgba(255,255,255,1) 100%);  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 67%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 67%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );  transition:background .2s linear; } .boxes .first::before { background-image:url("../images/box_1.jpg"); background-repeat:no-repeat; background-size:cover; } .boxes .second:before { background-image:url("../images/box_2.jpg"); background-repeat:no-repeat; } .boxes .third:before { background-image:url("../images/box_3.jpg"); background-repeat:no-repeat; } .boxes .forth:before { background-image:url("../images/box_4.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; } .boxes .forth:hover span.more{ bottom:10px; } .countries { background-color:#7abcb9; border-radius:3px; cursor:pointer; padding:1em 0; } .countries .box{ color:#ffffff; } .countries .map { display:inline-block; vertical-align:middle; width:725px; height:306px; background-image: url("/images/mapa_homepage.jpg"); border:1px solid rgba(105,153,173,.8); border-radius:4px; background-size:contain; } .boxes a span.bang { height:3.7em; line-height:1.2em; display:inline-block; font-weight:400; } .boxes a:hover .bang{ visibility:hidden; display:none; } .boxes a span.desc { position:absolute; bottom:50px; transition:bottom .1s linear; right:1em; left:1em; } .boxes a:hover span.desc { bottom:-1px; transition:bottom .1s linear; } .boxes a span.desc, .countries .box span.desc{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size:11px; text-transform:uppercase; display:block; font-weight:400; padding:1em 0; margin-top:1em; } .boxes a span.desc b { display:block; font-style:italic; color:#c8d2d5; } .countries .box span.desc b { font-size:1.5em; vertical-align:baseline; } .boxes a.box2 span.desc b{ color:#7c7c7c; } a.box2 span.desc { border-color:rgba(105,153,173,.8);; } .boxes a span.more { position:absolute; bottom: 10px; right: 10px; transition:bottom .1s linear; } .boxes a:hover span.more { bottom:-50px; transition:bottom .1s linear; } .boxes a span.more, .countries .box span.more { display:block; text-align:right; padding-right:30px; font-size:14px; text-transform:uppercase; margin-top:1em; background-position:right center; background-repeat: no-repeat; padding:.2em 30px .2em 0; } .boxes a span.plus, .countries .box span.plus_w { background-image:url("../images/icon_plus_w.png"); } .boxes a:hover span.plus, .countries:hover .box span.plus_w { background-image:url("../images/icon_plus_on.png"); } .boxes a span.plus_w { background-image:url("../images/icon_plus.png"); } .boxes a:hover span.plus_w { background-image:url("../images/icon_plus_w_on.png"); } .boxes a span.down { background-image:url("../images/icon_down.png"); } .boxes a:hover span.down { background-image:url("../images/icon_down_on.png"); } .circ { border-radius:50%; width:1.1em; height:1.1em; display:inline-block; border:1px solid white; margin-right:.3em; vertical-align:top; } .circ.blue { background-color:#4f859d; } .circ.yellow { background-color:#f2bd0d; } .footer { } .footer .top_bar { background-color:#0c8c88; border-bottom:4px solid #ffffff; } .opt { width:85px; display:inline-block; margin-left:1em; height:45px; font-size:25px; color:#ffffff; text-align:left; padding:10px 1.5em 10px .5em; position:relative; background-position:99px 18px; background-repeat:no-repeat; z-index:20; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; vertical-align:top; text-decoration:none; } .opt ul { display:block; position:absolute; right:0px; top:50px; width:700px; background-color:#013b61; list-style:none; color:#ffffff; font-size:18px; padding:0px;  } .opt ul a { text-decoration:none; color:inherit; display:block; padding:7px 0 7px 15px; margin-left:15px; } .opt ul li a.top{ border-bottom: 1px solid #739eb1; } .opt ul li a ins { display:inline-block; width:18px; height:18px; border:0px; text-decoration:none; font-weight:300; font-size: 22px; font-family: "pt sans", sans-serif;  } .opt ul li:hover a.top{ background-color:#89b4c7; color:#255c72; } .opt ul li ul li:hover a{ background-color:#89b4c7; color:#255c72; } .opt ul li ul { position:static; display:none; width:auto; } .opt ul li ul li{ margin-left:20px; } .dropmenu { background-color:#003b60; background-image:url("../images/icon_menu.png"); cursor:pointer; } .dropmenu ul { padding-top:10px; display:none; } .dropmenu:hover { height:50px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dropmenu:hover ul.menu{ display:block; } .download { background-color:#0c8c88; font-size:20px; text-align:center; padding:14px 2em 6px .8em; line-height:.9em; background-image:url("/images/icon_download.png"); background-position:113px 20px;  } .download b { display:block; color:#0b1f47; font-weight:normal; } .search{ background-color:#9dc059; background-image:url("../images/icon_search.png"); cursor:pointer; font-size:20px; text-align:center; line-height:.9em; padding:14px 2em 6px .8em; background-position:105px 20px; } .search b { font-weight:400; } .search strong{  color:#0b1f47; font-weight:400; } .content { margin-top:90px; width:900px; font-family: "pt sans", sans-serif; color:#666666; } .content .path { display:block; font-size:13px; margin-bottom:2em;  } .content .path a { color:inherit; text-decoration:none; } .content .path b { color:#6999ad; } .content .title { display:block; text-align:right; font-size:35px; color:#7ea6b7; font-weight:700; text-transform:uppercase; } .cont .title { clear:both; text-align:left; font-weight:300; font-size:43px; width:600px; margin-bottom:0; } .country { float:right; font-size:30px; color:#7ea6b7; padding-top:65px; margin-bottom:-127px; width:300px; height:120px; background-size:contain; background-repeat:no-repeat; background-position:center; text-transform:uppercase; } .cont .submenu { border-top:1px solid #6999ad; border-bottom:1px solid #6999ad; padding:5px 0; } .cont .responsable { display:block; vertical-align:top; margin:0.5em 0 2em 0; } .cont .responsable span { display:block; text-transform:uppercase; font-size:13px; color:#050505; font-weight:700 } .cont .responsable span.light { font-weight:300; font-style:normal; font-size:.9em; width:600px; text-transform:none; } .cont .submenu ul { display:block; vertical-align:top; list-style:none; margin:0; padding:0; text-align:center; } .cont .submenu ul li { display:inline-block; color:#608cb1; font-size:13px; padding:0; font-weight:700; border-radius:4px; } .cont .submenu ul li:hover, .cont .submenu ul li.on { background-color:#6d9bbb; color:#ffffff; } .cont .submenu ul li a { text-decoration:none; color:inherit; padding:10px 10px; display:inline-block; text-transform:uppercase; } .sponsors a { margin:0 20px 0 0; padding:10px 20px; display:inline-block; vertical-align:middle; } .sponsors a:hover { background-color:#548599; } .navigate { display:flex; text-align:right; padding-top:4em; clear:both; } .navigate>div { flex:1; } .navigate>div.first { text-align:left; } .navigate a { display:inline-block; padding:4px 30px 4px 0; margin-left:20px; background-position:right center; background-repeat:no-repeat; color:#6999ad; text-decoration:none; } .navigate a.top { background-image:url("/images/icon_up.png"); } .navigate a.top:hover { background-image:url("/images/icon_up_on.png"); } .navigate a.next { background-image:url("/images/icon_right.png"); font-size:1.1em; } .navigate a.next:hover { background-image:url("/images/icon_right_on.png"); }  .content .body { font-size:15px; padding-top:1em; } .content .body a{ text-decoration:underline; color:#336666; } .content .body ul { list-style-image: url("/images/bulet.png"); } .social { text-align:left; padding:0em 0 0em 0; } .sponsors .sitemap { float:right; margin-right:100px; padding:1.1em 2em; margin-right:110px; text-align:center; color:#ffffff; text-decoration:none; font-family: "pt sans", sans-serif; } .sponsors .sitemap a { color:#ffffff; text-decoration:none; } .sitemaplist { padding-left:100px;  } .sitemaplist li.level1 { margin: 10px 0; list-style-image: url("/images/bulet_2.png"); } .sitemaplist li.level1 ul { padding-top:10px; padding-bottom:10px; } .sitemaplist a, .countrieslist a { color:inherit; text-decoration:none; } .sitemaplist ins, .countrieslist ins { display:none; } .countrieslist { background-image:url(/images/bg_reports.png); background-size:contain; background-repeat:no-repeat; padding:7em 0; } .countrieslist ul { margin:0; padding:0;  } .countrieslist li{ list-style:none; display:inline-block; width:290px; margin-bottom:10px; } .countrieslist a { font-size:21px; color:#7EA6B7; } .articles ul { display:block; margin:0 auto; } .articles ul li { width:330px; text-align:center; } .projects ul { display:block; margin:0 auto; } .projects ul li { display:inline-block; text-align:center; width:457px; font-size:14px; height:2em; vertical-align:top; margin-top:5em; padding:0 1em; } .projects ul li a { font-size:20px; } .results h3{ color:#7EA6B7; margin:1em 0 .5em 0; } .results p { color:#505050; margin:.5em 0 1em 0; } .results .destacar { background-color:#FC0;  } .worldmap { width:1000px; height:724px; } .flist { border-collapse:separate;  border-spacing:1px; font-size:11px; } .flist { font-size:12px;  width:100%; } #cboxLoadedContent .board table td, .flist td { white-space:normal;  vertical-align:middle; } .flist th { background-color:#89b7c8; padding:2px; white-space:nowrap; font-family: "pt sans", sans-serif; } .flist .left { text-align:left; width:auto; } .flist th.corner { background-color:transparent; } .flist td{ background-color:#d2e0e4; text-align:center; padding:4px; font-family: "pt sans", sans-serif; } .image-floater { float:right; margin:0px 0px 5px 20px; } .image-floater img{ width:100%; max-width:100%; display:block;  } .image-floater span { font-size:14px !important; display:block; padding-left:5px; font-style:italic; }