@import "layout.css";
@import "estilos.css";

#portada {font-size:125%;}
#portada h2 {font-size:225%;font-variant:small-caps;border-bottom:1px solid #CCC;}
#portada .top {margin-top:20px;padding-bottom:10px;}
#portada .top img {margin-right:10px;}
#portada .top .actualidad {width:565px;border-right:1px solid #CCC;padding-right:10px;float:left;}
#portada .top .actualidad ul {list-style:none;background:#E1EBEF;font-size:95%;margin:7px 0 0;padding:5px 5px 5px 0px;}
#portada .top .actualidad ul li {display:inline; border-right: 1px solid #FFF; padding:0 10px}
#portada .top .noticias {height:75px;border-bottom:1px solid #CCC;padding-bottom:5px;margin-bottom:5px;}
#portada .top .not_title {font-size:120%;font-weight:700;}
#portada .top .imgnot { padding: 2px; border: 1px solid #CCC}
#portada .top .noticia_principal {height:75px;border-bottom:1px solid #E5E5E5;padding-bottom:10px;margin-bottom:5px;}
#portada .top .noticia_secundaria {height:60px;/*border-bottom:1px solid #E5E5E5;*/padding-bottom:5px;margin-bottom:0;margin-top:10px;}
#portada .top .noticia_secundaria .not {height:55px;float:left;color:#333;padding-right:5px;}
#portada .top .noticia_secundaria .not p {font-size:90%;}
#portada .top .noticia_secundaria #not01 {width:400px;border-right:1px solid #E5E5E5;}
#portada .top .noticia_secundaria #not02 {padding-left:10px;width:390px;border-right:1px solid #E5E5E5;}
#portada .top .noticia_secundaria #not03 {padding-left:10px;width:390px;}
#portada .top .banner200 {width:600px;height:50px;margin-left:10px;}
#portada .top .banner300 {width:300px;height:310px;margin-left:585px;}
#portada .top .banner300visible {width:300px;height:310px;margin-left:585px;display:block;}
#portada .top .banner300oculto {width:300px;height:310px;margin-left:585px;display:block;}
#portada .top .banner400 {width:300px;height:95px;margin-left:590px;margin-top:500;}
#portada .top .banner500 {width:300px;height:95px;margin-left:640px;margin-top:200;}
#portada .middle {margin-top:10px;border-bottom:1px solid #FFC000;padding-bottom:10px;}
#portada .middle #cursos {width:300px;float:left;padding-right:10px;}
#portada .middle #cursos .p-idiomas-container {background:url(../img/fondo-idiomas2.gif) bottom left repeat-x;}
#portada .middle #cursos ul.p-idiomas {background:#ccc;text-align:center;margin:0 auto 20px;padding:3px 0;}
#portada .middle #cursos #capa-ingles-portada {display:block;}
#portada .middle #cursos #capa-frances-portada,#portada .middle #cursos #capa-chino-portada,#portada .middle #cursos #capa-italiano-portada {display:none;}
#portada .middle #cursos ul.p-idiomas li {display:inline;font-weight:700;margin-left:0;margin-right:0;}
#portada .middle #cursos ul.p-idiomas li a {background:#CCC;color:#FFF;padding:3px 25px;}
#portada .middle #viajes {width:300px;border-right:1px solid #CCC;border-left:1px solid #CCC;padding-right:10px;padding-left:10px;float:left;background:url(../img/fondo-viajes.jpg) right bottom no-repeat;padding-bottom:15px;}
#portada .middle #viajes .letra95 {font-size:99%}
#portada .middle #empresas,#portada .top #cambridge,#portada .top #cambridge_mini {margin-left:630px;padding-left:10px;}
#portada .middle #empresas {background:url(../img/fondo-empresas.jpg) right bottom no-repeat;}
#portada .title {height:73px;width:930px;padding-left:10px;margin-bottom:10px;}
#portada .title h2 {font-size:256%;color:#333;font-variant:small-caps;margin:0;padding:0;}
#portada .title h3 {font-size:120%;margin-top:2px;font-weight:400;padding:0;}
#capa-ingles-portada,#capa-frances-portada,#capa-chino-portada {height:110px;}
#capa-ingles-portada {background:url(../img/fondo_ingles_portada.jpg) bottom right no-repeat;}
#capa-frances-portada {background:url(../img/fondo_frances_portada.jpg) bottom right no-repeat;}
#capa-chino-portada {background:url(../img/fondo_chino_portada.jpg) bottom right no-repeat;}
#capa-ingles-portada ul,#capa-frances-portada ul,#capa-chino-portada ul {padding-left:30px;margin:0;}
#capa-ingles-portada ul a,#capa-frances-portada ul a,#capa-chino-portada ul a {color:#333;text-decoration:none;}
#capa-ingles-portada ul a:hover,#capa-frances-portada ul a:hover,#capa-chino-portada ul a:hover {text-decoration:underline;}
.accesos_directos {border-top:1px solid #FFC000;border-bottom:1px solid #FFC000;font-size:90%;}
.accesos_directos ul {list-style:none;background:#feffb6 url(../img/ico_accesos_directos.gif) left no-repeat;margin:2px 0;padding:5px 7px 5px 20px;}
.accesos_directos ul li {display:inline;font-weight:700;}
#portada .bottom {margin-top:20px;font-size:90%;}
#portada .bottom h4 {margin-bottom:0;margin-top:0;padding-bottom:0;}
#portada .bottom .recomendados {width:620px;border-right:1px solid #CCC;float:left;padding-right:10px;}
#portada .bottom .recomendados img {border:3px solid #EAEAEA;margin-right:5px;}
#portada .bottom .recomendados div {width:195px;float:left;/*display:none;*/border-bottom:1px solid #CCC;margin:25px 5px 0 5px;}
#portada .bottom .banner {margin-left:650px;width:290px;height:130px;}
#portada .middle #cursos ul.p-idiomas li#p-idiomas-ingles a:hover,#portada .middle #cursos ul.p-idiomas li#p-idiomas-ingles a.current {background:url(../img/fondo_pestana_ingles.gif) top left repeat-x;}
#portada .middle #cursos ul.p-idiomas li#p-idiomas-frances a:hover,#portada .middle #cursos ul.p-idiomas li#p-idiomas-frances a.current {background:url(../img/fondo_pestana_frances.gif) top left repeat-x;}
#portada .middle #cursos ul.p-idiomas li#p-idiomas-chino a:hover,#portada .middle #cursos ul.p-idiomas li#p-idiomas-chino a.current {background:url(../img/fondo_pestana_chino.gif) top left repeat-x;}
#portada .middle #cursos ul.p-idiomas li#p-idiomas-italiano a:hover,#portada .middle #cursos ul.p-idiomas li#p-idiomas-italiano a.current {background:url(../img/fondo_pestana_italiano.gif) top left repeat-x;}