* {margin: 0; padding: 0;} body {font: 75%/170% Arial, Helvetica, sans-serif; color: #5A5A5A; background:#fff url(/img/topbg-neutral.gif) repeat-x top; margin: 0; padding: 0;} a {color: #0099ff; text-decoration:none; outline: none;} a:visited {} a:hover {text-decoration: underline;} p {padding: 0 0 1em; text-align:justify;} /* ### TITLES ### */ h1, h2, h3 {margin-bottom:15px; font-family:"Trebuchet MS";} img {border: none;} /* ### WRAPERS, CONTAINERS --------------------------- ### */ #wrap {width:980px; margin:0 auto;} #wrap.index { width:970px; padding:0 0 0 10px;} .wspacer { padding:0 10px 0 0;} .spacer {padding:25px;} /* ### HEADER ----------------------- ### */ .headerbg {background:url(/img/headerbg-neutral.jpg) no-repeat center top;} .headerbg-index {background:url(/img/headerbg-neutral-index.jpg) no-repeat center top;} #header {height:165px; width:980px; margin:0 auto;} #header .logo {position:absolute; margin-top:42px; margin-left:40px;} #header .slogan {position:absolute; margin-top:52px; margin-left:650px; width:276px; height:86px;} #header .slide {position:absolute; width:770px; height:109px; margin-left:200px; margin-top:183px;} #header .slide img {position:absolute; z-index:8;} #header .slide img.start { z-index:10;} #header .slide img.last { z-index:9;} #header .slide img.extra { z-index:100;} #linksnav {position:absolute; margin-left:210px; margin-top:167px; width:550px; text-align:left; z-index:1000;} #linksnav.index {margin-left:10px; margin-top:160px;} #linksnav a {margin-right:3px; border:2px solid #fff; padding:5px; color:#fff; font-weight:bold; font-size:14px; position:relative; text-decoration:none;} #linksnav a:hover {text-decoration:none; background:#FFA800;} #linksnav .des1 {background:#324BA7;} #linksnav .des2 {background:#0476BC;} #linksnav .des3 {background:#677d9c;} #linksnav .des4 {background:#5ebe43;} #linksnav .des5 {background:#ffcf00 url(/img/des5.gif) repeat-x top; color:#490000;} #linksnav a.des5:hover {color:#fff;} #topnav {height:20px; font-size:11px; position:absolute; width:960px; padding:3px 10px 0 10px; color:#fff;} #topnav .es {background: url(/img/es.gif) no-repeat 0 3px; padding:0 10px 0 20px;} #topnav .us {background: url(/img/us.gif) no-repeat 0 3px; padding:0 0 0 20px;} #topnav a {color:#fff;} #topnav a:hover {color:#ffcf00;} /* Address */ #address {font-size:11px; padding:2px 5px 2px 5px; border-bottom:1px solid #ddd; margin-bottom:15px; background:#fff; background:#f6f6f6;} /* ### MIDLE, SIDEBARS ----------------------- ### */ /* Midle */ #midle {/*WIDTH*/ width:580px; margin-top:157px; margin-left:25px;} #midle.index {width:auto; margin:30px 0 0 0;} #midle h1 {margin-bottom:0px; font-size:2.1em; color:#324ba7; line-height:25px; font-weight:normal; padding:5px 0 10px 50px; border-bottom:1px solid #ddd; background:url(/img/books.gif) no-repeat 0 0px;} #midle h1 a {color:#005698; text-decoration:none;} #midle h1 a:hover { color: #CC0000;} #midle h2 {margin-bottom:10px; font-size:20px; color:#075DA0; line-height:25px; font-weight:normal;} #midle h2 a {color:#005698; text-decoration:none;} #midle h2 a:hover {color: #CC0000;} #midle img.imgleft {float:left; margin-right:10px; padding:3px; border:1px solid #ccc;} #midle img.imgright {float:right; margin-left:10px; padding:3px; border:1px solid #ccc; margin-top:10px; margin-bottom:10px;} /* blocks */ #midle .blockfront {background:#ECF0F9; margin:0 0 10px 0; padding:5px; width:463px; cursor:pointer; border:1px solid #C7E7FF; border-bottom:3px solid #C7E7FF;} #midle .blockfront h2 {background:#324BA7; color:#fff; font-size:1.3em; font-weight:bold; padding:3px 3px 3px 10px; margin:0 0 5px 0; text-align:left; font-family:"Trebuchet MS"; border:2px solid #fff;} #midle .blockfront h2.jovenes {background:#0476BC;} #midle .blockfront h2.becas {background:#0059CF;} #midle .blockfront h2.camps {background:#5ebe43;} #midle .blockfront h3 {text-align:center; margin:0 0 5px 0;} #midle .blockfront div.bpic {margin-bottom:0px;} #midle .blockfront div.text {font-size:1.1em; line-height:18px;} #midle .blockfront div.text p { padding:0 0 5px 0;} #midle .blockfront ul {margin:0; padding:0; list-style:none;} #midle .blockfront ul li {margin:2px 0 2px 0; line-height:16px; padding:0 5px 0 5px; background:#CDD6EF;} #midle .blockfront ul li span {color:#D60000; font-weight:bold;} #midle table { margin:0 0 1.5em 0; } /* Sidebar 01 */ #sidebar {/* WIDTH */ width:190px; margin-top:-3px;} #sidebar .spacer {padding:0 0 0 10px;} #sidebar a {text-decoration:none; color:#324ba7;} #sidebar a:hover {text-decoration:underline;} #sidebar h2 {font-size:1.1em; margin-bottom:5px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:16px; background:#fff url(/img/menubg-neutral.gif) repeat-x; padding:5px; color:#324ba7; border:1px solid #cabb83; border-bottom:2px solid #cabb83;} #sidebar h2.hover {background:#c09344 url(/img/hover.gif) repeat-x;} #sidebar h2.sidetitle { font-size:1.5em; font-weight:normal; margin-bottom:10px; background:none; border:none; text-align:center; color:#000} #sidebar h2 a {color:#1c3384;} #sidebar h2 a:hover {text-decoration:none; color:#000;} #sidebar ul {padding:0 15px 20px 10px; list-style:none;} #sidebar ul li {padding:5px 0 5px 13px; border-bottom:1px solid #a5b1d3; background:url(/img/bullet2nd.gif) no-repeat 0 9px; font-size:0.9em; font-weight:bold; line-height:normal;} #sidebar ul li a {} #sidebar ul li a:hover {} #sidebar ul ul {padding:5px 0 0 0;} #sidebar ul ul li {background:url(/img/bullet3rd.gif) no-repeat 0 8px; border:none; font-size:11px; font-weight:normal; padding:3px 0 3px 13px;} /* Sidebar 02 */ #sidebar02 {width:150px; margin-top:157px; padding:0 0 10px 0;} #sidebar02 h2 { font-size:1.3em; margin:0 0 10px 0;} #sidebar02 ul#ultimasnoticias {border:none !important; margin:0 0 0 0; padding:0 0 0 0; width:auto;} #sidebar02 ul#ultimasnoticias li {padding:5px 0px 5px 13px; border-bottom:1px solid #ccc; background:url(/img/bullet2nd.gif) no-repeat 0 9px !important; font-size:0.9em; font-weight:bold; line-height:normal;} /* ### FOOTER ----------------------- ### */ #footer {text-align:center; color:#fff; background:#bb8f23 url(/img/footerbg-neutral.gif) repeat-x top;} #footer .fspacer {padding:10px;} #footer a {color:#fff; font-weight:bold;} #footer .sponsored {font-size:0.9em; padding:10px 0 0 0;} /* * Old Styles */ #tabs {height:33px; width:577px; padding-left:4px;} #tabs .active-left {float:left; width:9px; height:33px;} #tabs .active-center{height:20px; float:left; padding-top: 13px; font-size:11px; font-weight:bold; color:#BF0505;} #tabs .active-center a:link, .active-center a:active, .active-center a:visited {color: #BF0505; text-decoration:none;} #tabs .active-right {float:left; width:9px; height:33px; margin-right:3px;} #tabs .left {float:left; width:9px; height:33px;} #tabs .center{height:20px; float:left; padding-top: 13px; font-size:11px; font-weight:bold; color:#BF0505;} #tabs .center a:link, .center a:active, .center a:visited {color: #233886; text-decoration:none;} #tabs .right {float:left; width:9px; height:33px; margin-right:3px;} #midle ul {margin:0px; padding:0px; margin-left:10px; margin-right:10px; margin-bottom:10px;} #midle ul li {padding: 0px 0px 0px 13px; list-style: none; background: url(../img/bullet-gramatica.gif) no-repeat 0 5px; margin-top:5px;} #midle .img { border:1px solid #999999; padding:3px;} /*--ads bar--*/ #ads {float:left; width:143px; padding:0px 0px 0px 0px; font-size:10px; text-align:center; background:url(/img/adsbg.gif) repeat-y; margin-top:10px;} *html #ads { height:1%; } #ads .reserve {background:url(../img/reserve.gif) no-repeat top; width:133px; padding:5px; font-size:12px; text-align:center;} #ads .reserve .text {font-size:11px; text-align:center; padding-top:10px;} #ads .bottom {background:url(../img/resbottom.gif) no-repeat bottom; width:143px; height:18px;} #ads .title {color:#233E99; font-weight:bold;} #ads .note { width:143px; font-size:9px; background-color:#FFFFFF; color:#333333; } /*--ads bar 3 banner--*/ #ads-two {float:left; width:143px; padding:0px 0px 0px 0px; font-size:10px; text-align:center; margin-top:10px;} *html #ads { height:1%; } #ads-two .text {font-size:11px; text-align:center; padding-top:10px;} #ads-two .title {color:#233E99; font-weight:bold; font-size:12px;} /*para los formularios de fran en php*/ #form_solicitud .td-bold {font-weight:bold;} #form_solicitud .td-boldE {font-weight:bold; color:#FF0000;} #table .top { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #FCBD03; } #table .body { background-color: #FFF1D0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #FCBD03; border-right-color: #FCBD03; border-bottom-color: #FCBD03; border-left-color: #FCBD03; } #form_solicitud .td-bold {font-weight:bold;} #form_solicitud .td-boldE {font-weight:bold; color:#FF0000;} #form_obligatorio b {color:#FF0000;} /* ###################BECAS######################*/ .txt_orange{color:#FBA31D;} #tabla .hastings{background:#009900;color:#FFFFFF; font-weight:bold;} #tabla .bournemouth{background:#FF9900; color:#FFFFFF; font-weight:bold;} #tabla .malta{background:#003399; color:#FFFFFF; font-weight:bold;} #tabla .bournemouth{background:#FF0033; color:#FFFFFF; font-weight:bold;} #tabla .line{border-bottom:dashed 1px #333333; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif;} #tabla .precio{background:#FBA31D; padding:2px; font-weight:bold; color:#FFFFFF;} .adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px;} .adobe .icon {float:left; margin-bottom:0px; padding:0px 0px 0px 0px; margin-right:5px;} .adobe .text {font-size:11px; text-align:left; padding:0px 0px 0px 0px;} /*######### FORMS #########*/ #switch-tools {font-size:16px; font-weight:bold; margin-bottom:10px; text-align:center;} #xform {width:100%;} #xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; width:100%;} #xform li {list-style: none; padding: 5px; margin: 0px; clear:both;} #xform .label {float:left; width:150px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;} #xform .label-fail {float: left; width:150px; text-align:left; display:inline-block; color:red; font-weight:bold;} #xform .disabled {color:#999999;} #xform .field {/*float:left;*/ } #xform .note {font-size:11px;} #xform strong {color:#FF0000; font-size:14px;} #xform h3 {color:#34488F;} #xform .select {width:185px; font-size:11px;} #xform .box {width:180px;} #xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; background:url(/img/forms-bg-gray.gif) repeat-x top;} #xform .textarea textarea { width:180px; height:70px; border:solid 1px #7696B3; } #xform .readonly { border:solid 1px #7696B3; width:385px; height:90px; background-color:#EBEBEB; } /*#######BROCHURE FORMS ADOBE########*/ .adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px; background:#FFF;} .adobe .icon {float:left; margin-bottom:0px; padding:0px 0px 0px 0px; margin-right:5px;} .adobe .text {font-size:11px; text-align:left; padding:0px 0px 0px 0px;} /*######### FORMS v2 #########*/ #xform-two { padding:5px 0; border:1px solid #D4D090; border-right: 3px solid #D4D090; border-bottom: 3px solid #D4D090; margin-bottom:10px;} #xform-two ul { list-style:none; padding:0; margin:0;} #xform-two li { background:none !important; padding-left:0px !important; } #xform-two .blang { padding:5px; background:#EEECD3; border:1px solid #E1DEB3; margin-bottom:10px; margin:0 15px 10px 15px; } #xform-two .subject { width: 145px; } #xform-two .label { font-weight:bold;} #xform-two .lside { padding-left:15px;} #xform-two .rside { padding-right:15px;} #xform-two .fullh { padding:0px 15px;} #xform-two .input { width:145px;} #xform-two .select { width:150px;} #xform-two .textarea textarea {width:100%; height:50px; } #xform-two .privacy textarea {width:100%; height:70px; } #xform-two.extrawidth input.input {width:200px;} #xform-two.extrawidth select.select { width:200px;} /* Validate error style for xform-two */ #xform-two div.error { width:140px; margin-left:0px; margin-top:5px; background:#FFC7C7; color:#AF0000; padding:3px 5px 3px 5px; font-weight:bold; border:1px solid #E16666; clear:both; text-align:left; } #xform-two .agreefix {padding:0px 0 5px 0;} #xform-two .agreefix .error { margin-left:15px; width:325px; } /* Validate error style */ div.error { width:172px; margin-left:155px; margin-top:5px; background:#FFC7C7; color:#AF0000; padding:3px 5px 3px 5px; font-weight:bold; border:1px solid #E16666; clear:both; text-align:left; } .agreefix {padding:0px 0 5px 0;} .agreefix .error { margin-left:25px; width:260px; } /*--------------------------------fin validation------------------*/ /*V2 brochure sent */ #download-brochure {} #download-brochure .brochure {border-right:1px dashed #0071BC; padding:0px 10px 0px 10px; width:120px; float:left; text-align:center; width:150px;} #download-brochure .title {font-weight:bold; font-size:11px; padding:10px 0px 0px 0px;} #brochure-form {width:250px; margin:0 auto;} #brochure-form label {display:block; font-size:11px; margin-bottom:5px;} #brochure-form form input, #brochure-form form textarea {width:250px; display:block;} /*#################becas in the design###################*/ #becas {padding-bottom:5px; background:#FFFFFF;} #becas img{border-style:none;} /*#################### GRAMMAR TABLE ########################*/ #grammar-table table { width:95%; border-left:10px #FCBD03 solid; border-right:1px #FEE392 solid; border-bottom:1px #FEE392 solid; border-top:1px #FEE392 solid; margin-left:10px; } #grammar-table tr.title td { background:#FCBD03; color:#43412C; font-weight:bold; text-align:left; padding:2px 2px 3px 2px; border-bottom:#FFFFFF 5px solid; } #grammar-table tr.title td.wbs { border-left:#FFFFFF solid 2px; border-right:#FFFFFF solid 2px; text-align:center; } #grammar-table tr.title td.wls { border-left:#FFFFFF solid 1px; text-align:center; } #grammar-table tr.title td.wrs { border-right:#FFFFFF solid 1px; text-align:center; } #grammar-table tr.line td { background:#EEECD3; color:#000000; text-align:left; padding:1px 1px 3px 5px; border-bottom:#FFFFFF solid 3px; border-right:#FFFFFF solid 3px; } #grammar-table tr.line td.left { border-left:#FFFFFF solid 3px; } #grammar-table tr.sub-title td { background:#BAB793; color:#43412C; text-align:center; font-size:10px; font-weight:bold; padding:2px 2px 3px 2px; border-bottom:#FFFFFF solid 1px; border-right:#FFFFFF solid 3px; border-left:none; border-top:#FFFFFF solid 3px; } #grammar-table tr.sub-title td.white { border:none; background:#FFFFFF; } /*#################### 404 PAGE ########################*/ #adult-youth {padding:5px 5px 15px 5px; font-size:14px; font-weight:bold; width:100%;} #img-block { width:100%;} #img-block .left { padding: 3px 8px 3px 0;} #img-block .middle { padding:3px 8px 3px 8px;} #img-block .right { padding: 3px 0 3px 8px;} /* Get Adobe reader ==============================*/ .adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px; background:#D8D5AC;} .adobe .icon {float:left; margin-bottom:0px; padding:0px 0px 0px 0px; margin-right:5px;} .adobe .text {font-size:11px; text-align:left; padding:0px 0px 0px 0px;} /*--Brochure blocks email sent--*/ /*V2*/ #download-brochure {} #download-brochure .row {clear:both; /*border-bottom:1px solid #CCCCCC;*/ padding:10px 0px 10px 0px;} #download-brochure .brochure {border-right:1px dashed #0071BC; padding:0px 10px 0px 5px; width:100px; float:left; text-align:center;} #download-brochure .mail-download {width:250px; padding:0px 10px 0px 15px; float:left;} #download-brochure .mail {float:left;} #download-brochure .download {float:right;} #download-brochure .boff {border-bottom:none;} #download-brochure .title {font-weight:bold; font-size:11px; padding:10px 0px 0px 0px;} #download-brochure .title .light {font-weight:normal;} #download-brochure ul {margin:0px; padding:0px; margin-left:0px; margin-right:10px;} #download-brochure ul li {padding: 0px 0px 5px 0px; list-style: none; background:none; /*border-bottom:1px solid #CCCCCC;*/} #download-brochure .note {font-size:11px;} /*#download-brochure .download {width:120px; float:left;}*/ /*END V2*/ /*contact page---------*/ .logo-metro { background:url(/img/logo-metro.gif) no-repeat 0px 0px ; padding-left:30px; } .logo-emt { background:url(/img/logo-emt.gif) no-repeat 0px 0px ; padding-left:70px; } .logo-renfe {background:url(/img/logo-renfe.gif) no-repeat 0px 0px; padding-left:40px; } .logo-airport { background:url(/img/logo-airport.gif) no-repeat 0px 0px ; padding-left:25px; padding-bottom:3px; } #block { background:#FFFFCC; padding:5px; border:solid 1px #FF9933; margin:5px;} #internacional .articulos{border:1px solid #BAB793; padding:5px; margin-bottom:15px; background:#ECE9D8;} .img-left{padding-right:5px; float:left;} /* MISC. */ .ftl {float:left;} .ftr {float:right;} .cleaner {clear:both;} /* * Old Styles End */ /* Floating options */ .fl {float:left;} .fr {float:right;} .mgright {margin-right:30px;} .mgtop {margin-top:10px;} .mgbottom {margin-bottom:10px;} /* Clearing */ .clr {clear:both;} span.normal {font-weight:normal;} /* Extras */ .nobg {background:none !important;} .faxbanner {font-size:0.9em !important; line-height:1.5em;} .faxbanner img {margin:0 0 10px 0;} #midle img.imgleft {float:left; margin-right:10px; padding:3px; border:1px solid #ccc;} #midle img.imgright {float:right; margin-left:10px; padding:3px; border:1px solid #ccc;} span.normal {font-weight:normal;} /* Extras */ .nobg {background:none !important;} .faxbanner {font-size:0.9em !important; line-height:1.5em;} .faxbanner img {margin:0 0 10px 0;} /* Banners rotator */ .brotator {height:106px; text-align:center; margin:0 0 20px 0;} .brotator a {display:none;} .brotator a.start {z-index:10; display:block;}