* {margin: 0; padding: 0;} body {font: 75%/170% Arial, Helvetica, sans-serif; color: #5A5A5A; background:#fff url(/enfolang/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(/enfolang/img/headerbg-neutral.jpg) no-repeat center top;} .headerbg-index {} #header {height:165px; width:980px; margin:0 auto;} #header .logo {position:absolute; margin-top:52px; 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:480px; 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;} #topnav {height:20px; font-size:11px; position:absolute; width:960px; padding:3px 10px 0 10px; color:#fff;} #topnav .es {background: url(/enfolang/img/es.gif) no-repeat 0 3px; padding:0 10px 0 20px;} #topnav .us {background: url(/enfolang/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(/enfolang/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 {} /* 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;} /* 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(/enfolang/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(/enfolang/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(/enfolang/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(/enfolang/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 ul#ultimasnoticias {} #sidebar02 ul#ultimasnoticias li {background:url(/enfolang/img/menubullet2.gif) no-repeat 1px 7px !important; display:block; padding: 0 0 0 13px;} /* ### FOOTER ----------------------- ### */ #footer {text-align:center; color:#746326; background:#e6da99 url(/enfolang/img/footerbg-neutral.gif) repeat-x top;} #footer .fspacer {padding:10px;} #footer a {color:#746326; 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/enfolang/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; margin-top:10px;} *html #ads { height:1%; } #ads .reserve {background:url(../../img/enfolang/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/enfolang/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; } /*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 #########*/ #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 .field {/*float:left;*/ } #xform .note {font-size:11px;} #xform strong {color:#FF0000; font-size:14px;} #xform h3 {color:#34488F;} #xform select {font-size:12px;} #xform .box {width:150px;} #xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px;} #xform input { width:200px; } #xform .radio-butt input { width:auto; } #xform textarea { width:200px; height:100px; } /*#######BROCHURE FORMS ADOBE########*/ .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;} /*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;} /* * 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;} /* Validate error style */ div.error { margin-top:5px; background:#FFC7C7; color:#AF0000; padding:3px 5px 3px 5px; /*font-weight:bold;*/ font-size:11px; border:1px solid #E16666; clear:both; text-align:left; } .agreefix {padding:0px 0 5px 0;} .agreefix .error {}