/* $Id: screen.css,v 1.49 2010-05-19 10:01:54 bram Exp $ */

* { margin: 0; padding: 0; }

html { min-width: 980px; }

body { text-align: center; background: #f6921e; font-family: "Trebuchet MS"; font-size: 12px; line-height: 16px; color: #444; }

button, input, textarea, select, option { font-family: "Trebuchet MS"; font-size: 12px; color: #444; }

pre, code {  }

h1, h2, h3 { font-family: "Trebuchet MS"; margin: 12px 0 5px 0; clear: right; }

h1 { font-size: 20px; line-height: 20px; }
h2 { margin-bottom: 0; font-size: 16px; line-height: 14px; font-style: italic; }
h3 { margin-bottom: 0; font-size: 14px; line-height: 14px; }
h4 { margin-bottom: 0; font-size: 12px; line-height: 12px; font-weight: bold; }

p, ul, ol, dl, address, blockquote, table { margin: 7px 0 14px 0; }
ul ul { margin: 0; list-style-type: disc; }

ul, dl, ol { padding-left: 20px; }

table {  }
tr {  }
td, th {  }
td {  }
td.input { text-align: center; }
tr.click { cursor: pointer; }
tr.odd, tr.odd {  }
tr.hover, tr.checked {  }
tr.odd.hover, tr.odd.checked {  }

blockquote {  }
q {  }

address {  }

fieldset {  }
textarea {  }
label { float: left; width: 140px; }
span.error { display: block; padding-left: 140px; color: #f00; font-weight: bold; }

iframe { display: block; border: 0; width: 730px; height: 800px; }

a { color: #e26300; }
a:visited { color: #666; }
a:focus { outline: 2px solid #444; text-decoration: none; }

strong { color: #000; font-size: 1.1em; }

img { border: 0; }

#content p.image { float: right; padding: 0 43px 0 0; margin: 0; }

#page { position: relative; width: 980px; text-align: left; margin: 0 auto; background: #fff url(bg.png) repeat-y; }
#header { position: absolute; top: 0px; left: 0; width: 980px; height: 200px; background: url(bg_top.png) no-repeat; }
#logo { position: absolute; top: 24px; left: 24px; margin: 0; padding: 0; width: 177px; height: 178px; }
#photostrip { position: absolute; top: 63px; left: 228px; margin: 0; padding: 0; }

#jump-to-navigation { position: absolute; margin: 0; }
#jump-to-navigation a { padding: 2px 10px; white-space: nowrap; color: #777; background: #fff; }
#jump-to-navigation a:focus { top: 15px; left: 15px; }

#language-select { position: absolute; top: 24px; right: 25px; width: 500px; }
#language-select ul { margin: 0; padding: 0; text-align: right; }
#language-select li { display: inline; list-style-type: none; }

#menu-general { position: absolute; top: 251px; left: 37px; width: 141px; }
#menu-general ul { margin: 0; padding: 0; }
#menu-general li { float: left; margin-bottom: 9px; list-style-type: none; font-size: 14px; }
#menu-general a { float: left; width: 140px; height: 26px; padding-bottom: 2px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url(bg_menu_left.png); }
#menu-general a:hover, #menu-general span a { background-position: 0px -30px;  }

#menu-products { position: absolute; top: 172px; left: 186px; width: 779px; height: 56px; }
#menu-products ul { float: right; margin: 0; padding: 0 6px; height: 29px; background: url(bg_menu.png); }
#menu-products li { float: left; height: 29px; list-style-type: none; }
#menu-products a { float: left; padding: 0 9px; height: 27px; line-height: 27px; text-decoration: none; font-size: 14px; color: #fff; }
#menu-products a:hover, #menu-products span a { background: #e26300; }

#menu-products ul ul { position: absolute; top: 27px; padding: 0 8px 0 0; background: url(bg_submenu.png) 100% 0%; }
#menu-products ul ul li:first-child, #menu-products ul ul li.firstchild { padding: 0 0 0 6px; background: url(bg_submenu.png); }
#menu-products ul ul a {  }
#menu-products ul ul a:hover, #menu-products ul ul span a { background: #464646; }
#menu-products ul ul.inactive { display: none; }

body.es #submenu-english { left: 64px; }
body.es #submenu-spanish { left: 248px; }
body.es #submenu-youngsters { left: 139px; }
body.en #submenu-english { left: 36px; }
body.en #submenu-spanish { left: 225px; }

#content { margin-left: 15px; padding: 226px 0 70px 204px; width: 746px; min-height: 350px; background: url(bg_content.png) scroll no-repeat; overflow: auto; }
* html #content { height: 350px; overflow: visible; }
.home #content { min-height: 300px; }
* html .es #content { height: 490px; }
.home.es #content { min-height: 440px; }

#content h1, #content h2, #content p { padding: 0 360px 0 0; }
#content p { text-align: justify }
#content h1 { margin-top: 0; padding: 22px 360px 0 0; }
#content ul, #content ol { padding: 0 360px 0 15px; }
#content ul ul { padding: 0 0 0 15px; }
#content div h1, #content div h2, #content div p, #content div ul { padding: 0; }

.wide #content h1, .wide #content h2, .wide #content p { padding: 0 120px 0 0; }
.wide #content h1 { padding: 22px 120px 0 0; }
.wide #content ul, .wide #content ol { padding: 0 120px 0 15px; }

#footer { position: absolute; left: 0; width: 980px; height: 107px; margin-top: -61px; background: url(bg_bottom.png) 0% 100%; }
#footer ul { padding: 20px 0 0 219px; margin: 0; }
#footer li { display: inline; margin-right: 10px; }
#footer a { color: #666666; }

#age { position: absolute; top: 214px; left: 198px; width: 88px; height: 270px; background: url(age.png); }
#age_es { position: absolute; top: 214px; left: 198px; width: 88px; height: 270px; background: url(age_es.png); }
#content #age ul, #content #age_es ul{ margin: 0 0 0 27px; padding: 101px 0 0 0; width: 36px; }
#age li, #age_es li { margin-bottom: 4px; list-style-type: none; text-align: center; font-size: 11px; }
#age a, #age_es a { display: block; width: 34px; height: 34px; padding: 0 2px 2px 0; line-height: 34px; text-decoration: none; color: #464646; background: url(li_age.png) no-repeat; }
#age a:hover, #age_es a:hover { color: #fff; background-position: -36px 0px; }

.home #intro { position: absolute; top: 218px; left: 310px; width: 490px; }

.tile { position: absolute; width: 243px; z-index: 2; }
.tile h1 { margin: 0; font-size: 14px; color: #f37c20; line-height: 26px; text-align: center; background: transparent; white-space: nowrap; }
.tile h1 a { color: #f37c20; text-decoration: none; display: block; background: transparent; }
.tile h1 a:hover { color: #f37c20; }
.tile a { color: #777; text-decoration: none; background: url(a_home_tile.png) repeat-x 0% 95%; font-size: 11px; }
.tile a:hover { color: #333; }

#what.tile, #where.tile { top: 218px; height: 177px; }
.es #what.tile, .es #where.tile { top: 358px; }
#brochure.tile, #prices-accomodation.tile { top: 410px; height: 122px; }
.es #brochure.tile, .es #prices-accomodation.tile { top: 550px; }
#brochure.tile, #what.tile { left: 310px; }
#prices-accomodation.tile, #where.tile { left: 563px; }

#what.tile { background: url(tile_what.png) 0% 100%; }
#content #what ul { padding: 0 10px; }
#what li { padding-left: 9px; margin: 2px 0; list-style-type: none; background: url(li_home_tile.png) no-repeat 0% 50%; }

#where.tile { background: url(tile_where.png) 0% 100%; }
#content #where ul { margin: 0; padding: 72px 6px 0 6px; text-align: center; }
#where li { display: inline; margin: 0 3px; list-style-type: none; }

#brochure.tile { background: transparent; }
#brochure h1 a { width: 243px; height: 122px; background: url(tile_brochure.png) 0% 100%; font-size: 14px; }

#prices-accomodation.tile { background: transparent; }
#prices-accomodation h1 a { width: 243px; height: 122px; background: url(tile_prices.png) 0% 100%; font-size: 14px; }

#becas { position: absolute; top: 219px; left: 816px; width: 139px; height: 105px; background: url(becas.png) no-repeat; }
#becas p { margin: 0; text-align: center; font-size: 16px; font-weight: bold; line-height: 20px; }
#becas a { display: block; padding: 43px 0px 0px 10px; text-decoration: none; color: #555; }
#becas a img { float: left; }

#carnet-amigos { position: absolute; top: 219px; left: 816px; width: 139px; height: 105px; }
#carnet-amigos p { margin: 0; }

#matricula { position: absolute; top: 420px; left: 215px; width: 139px; height: 56px; background: url(button_matricula.png) no-repeat; }
#matricula p { margin: 0; text-align: center; font-size: 15px; font-weight: bold; line-height: 18px; }
#matricula a { display: block; padding: 5px 10px 10px 10px; text-decoration: none; color: #555; }

#gana { position: absolute; top: 420px; left: 375px; width: 139px; height: 56px; background: url(button_gana.png) no-repeat; }
#gana p { margin: 0; text-align: center; font-size: 15px; font-weight: bold; line-height: 18px; }
#gana a { display: block; padding: 5px 10px 10px 10px; text-decoration: none; color: #555; }

.en #acreditations { position: absolute; text-align: center; top: 333px; left: 816px; padding: 0 10px; width: 119px; height: 144px; background: url(tile_right.png); }
.en #acreditations h1 { margin: 0; font-size: 14px; line-height: 26px; }
.en #acreditations h1 a { text-decoration: none; color: #f37c20; }
.en #content #acreditations p { margin: 4px -10px; font-size: 11px; }
.en #acreditations p.more { float: right; padding: 0 10px 0 9px; background: url(li_home_tile.png) no-repeat 0% 50%; }
.en #acreditations p.more a { color: #f37c20; text-decoration: none; background: url(a_home_tile.png) repeat-x 0% 95%; }

.es #acreditations { position: absolute; text-align: center; top: 333px; left: 816px; padding: 0 10px; width: 119px; height: 93px; background: url(tile_right_alto.png); }
.es #acreditations h1 { margin: 0; font-size: 14px; line-height: 26px; }
.es #acreditations h1 a { text-decoration: none; color: #f37c20; }
.es #content #acreditations p { margin: 0px -10px; font-size: 11px; }
.es #acreditations p.more { float: right; padding: 0 10px 0 9px; background: url(li_home_tile.png) no-repeat 0% 50%; }
.es #acreditations p.more a { color: #f37c20; text-decoration: none; background: url(a_home_tile.png) repeat-x 0% 95%; }

#logo_banner { position: absolute; top: 290px; left: 816px; padding: 0; width: 130px; height: 100px; }

#book-now { position: absolute; left: 648px; top: 220px; width: 274px; height: 45px; }
#navigation #book-now p { position: static; text-align: right; }
#book-now a { display: block; height: 45px; line-height: 45px; text-decoration: none; color: #464646; }
#book-now img { vertical-align: middle; }

.home #book-now { top: 489px; left: 0; width: 980px; height: 107px; background: url(bg_bottom.png); padding-bottom: 15px; }
.home.es #book-now { top: 629px; }
.home #book-now p { margin: 0; text-align: right; }
.home #book-now a { display: inline; height: auto; line-height: normal; }

#jump-to-navigation a, .home #footer, #age h1, #age_es h1, #content-end, #navigation div p
{ position: absolute; top: -9999px; left: 0; z-index: 999; }

.prices { float: left; margin-right: 30px; width: 150px; }
.prices li, li.pdf { padding: 2px 0 2px 18px; list-style-type: none; background: url(pdf.gif) no-repeat; }
.prices h2 { font-style: normal; }

div.juniorprices { position: relative; top: 70px; left: 538px; width: 130px;}
.juniorprices h2 {color: #f6921e; font-style: normal;}
.adultprices {font-style: normal; }

.jrprices { float: left; margin-right: 30px; width: 150px; }
.jrprices h2, .jrprices h3 { color: #f6921e; font-style: normal; }
.jrprices li { padding: 2px 0 2px 18px; list-style-type: none; background: url(pdf.gif) no-repeat; }

.vanguardia #content #dontworry { margin: 0; padding: 30px 0 0 30px; }
.vanguardia #content #intro { margin: 0; padding: 10px 250px 20px 115px; text-align: center; }

.vanguardia #content #matricula,
.vanguardia #content #consigue,
.vanguardia #content #malta { float: left; display: inline; padding: 0; width: 156px; height: 157px; }

.vanguardia #content #matricula { margin: 0px 0 0 115px; }
.vanguardia #content #consigue { margin: 30px 0 0 8px; }
.vanguardia #content #malta { margin: -11px 0 0 282px; }

.vanguardia #content #matricula a,
.vanguardia #content #consigue a,
.vanguardia #content #malta a { width: 156px; height: 157px; display: block; }

.vanguardia #content #matricula a { background: url("vanguardia_marticula.png"); }
.vanguardia #content #consigue a { background: url("vanguardia_consigue.png"); }
.vanguardia #content #malta a { background: url("vanguardia_malta.png"); }

.vanguardia #content #matricula a:hover,
.vanguardia #content #consigue a:hover,
.vanguardia #content #malta a:hover { background-position: 0px -157px; }

.vanguardia #content #serv-becas { clear: left; float: left; display: inline; margin: -35px 0 0 210px; padding: 0; width: 85px; height: 85px; }
.vanguardia #content #serv-becas a { width: 85px; height: 85px; display: block; }
.vanguardia #content #serv-becas a { background: url("vanguardia_becas.png"); }
.vanguardia #content #serv-becas a:hover { background-position: 0px -85px; }

.becas h3 { clear: both; }
.becas #content ul { list-style-type: none; padding: 0 340px 0 0; width: 396px; }
.becas #content ul li { float: left; margin-right: 10px; margin-bottom: 20px; text-align: center; background: #f6921e; color: #fff; font-weight: bold; }
.becas #content ul li img { display: block; }

#content #becas-menu { position: absolute; top: 310px; left: 653px; width: 274px; height: 400px; padding: 1px 0; font-size: 1.2em; line-height: 1.2em; background: url(bg_right_menu.png) no-repeat 40px 0px; }
#content #becas-menu ul { padding: 0; margin: 0; width: auto; }
#content #becas-menu li { list-style-type: none; float: none; margin: 14px 0; padding: 0 0 0 21px; text-align: left; background: url(li_happy.png) 0px 2px no-repeat; }
#content #becas-menu a { color: #444; text-decoration: none; font-weight: bold; }

.becas-destinos #content h1 { margin-bottom: 50px; }
.becas-destinos #content img.logo { }
.becas-destinos #content ul { float: left; padding: 0 50px 0 15px; }