/*----------------------------------------------------------------------------*/ /* Estilos para la Web Colegio San Patricio, Fundacin San Patricio y MEP.----*/ /* Todos los derechos reservados----------------------------------------------*/ /* Creado por, AgenciaE: Enrique Fernndez-Paredes.---------------------------*/ /*----------------------------------------------------------------------------*/ /*--Estilos de maquetacin----------------------------------------------------*/ *, html{ border: 0; margin: 0; padding: 0; background: transparent; } body{ border: 0; text-align: center; } li { list-style: none; } input { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 11px; } textarea { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 11px; } #select_mult { border: #666 solid 1px; font-size: 12px; width:150px;} #login { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 9px; width: 100px; } #text_input { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 9px; width: 300px; } .text_input_med { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 10px; width: 200px; } #botonlogin { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 10px; width: 50px; height: 15px; } #botongenerico { border: #666 solid 1px; font-family: Georgia, Times, serif; font-size: 11px; width: 100px; height: 15px; } th { background: #4A8069; color: white; } th a { text-decoration: none; color: white !important; } #cabecera { margin: 0; height: 188px; } #cont_cabecera { margin: 0px auto 0px auto; width:990px !important; width/**/: 990px; height: 188px; } #utilidades { text-align: right; height: 20px; padding:5px; } #utilidades label {margin-left:5px;} #logo{ margin-left: 0px !important; margin-left/**/:1px; height: 168px; height/**/:160px; width: 250px; float: left; } #menu_sup{ float: left; height:168px!important; height/**/: 160px; width: 740px!important; width/**/: 739px; } #ul_sup { height: 23px; width: 100%; } #ul_sup li { display: block; float:left; /*height: 25px;*/ } #contenedor { margin: 0px auto 0px auto; width: 990px; } #menu { float: left; margin:14px !important; margin/**/:17px; width: 230px; margin-top:15px !important; margin-top/**/:0px;} #menu li { padding-left:2px;font-weight:bold !important; border-top:1px #82a993 solid; border-bottom:1px #405e4d solid; } #ul_menu ul { margin-left:-2px; font-weight:normal !important; } #ul_menu li{ line-height:200%; } #link_cole, #link_funda { margin-top:15px; margin-left:-17px; margin-bottom:-15px; } #datos { margin: 20px; margin-top: 20px !important; margin-top/**/: 0px; margin-bottom: 0px; width: 680px; float: right; } #pie { clear: both; width: 775px !important; width/**/:100%; margin-top: 0px; margin-bottom: 40px; margin-left: 215px; text-align: center; padding-top: 17px; padding-left:50px; } /*--Estilos de Color e Imagen-------------------------------------------------*/ body { background: white url(../imgs/fondo-pagina.gif) repeat-y center top; } #cabecera { background: white url(../imgs/fondo-cabecera.giff) repeat-x; } #cont_cabecera { background: white url(../imgs/fondo-pagina-util.gif) repeat-y; /*background-position: -36px 0px!important; */ /*background-position/**//*: -40px 0px;*/ } #logo { background-color: transparent; } #menu_sup { background: transparent url(../imgs/fondo-menucabecera.jpg); background-repeat:no-repeat; /*background-position: -1px 0px !important; background-position/**//*: -2px 0px;*/ background-position:right; } #contenedor { background: white url(../imgs/fondo-pagina-util.gif) repeat-y; } #menu { background-color: #5e7e6c; } #datos { background-color: transparent; } #pie { background-color: transparent; background-image: url(../imgs/fondo-pie.gif); background-repeat: no-repeat; background-position: left top !important; background-position/**/: -20px 0px; } #ruta {padding-left:48px; float: left; height: 23px; height/**/: 15px; margin-top: 175px; } /*--Estilos de TEXTO----------------------------------------------------------*/ /**/ body, p { font-family: Georgia, Times, serif; font-size: 11px; color: #333; } a, a:link, a:active, a:visited { color: inherit; text-decoration: none;} a:hover { text-decoration: underline; } label { font-family: Georgia, Times, serif; font-size: 11px; } .enlace_index {color:#003300;font-size: 14px;font-weight: bold;text-decoration:none;} .enlace_index:hover {color:#003300;font-size: 14px;font-weight: bold;text-decoration:underline;} #datos p { text-align: left; margin-bottom: 12px; margin-left:20px; text-indent:20px; text-align:justify !important;} p a { color: #333; font-weight: bold; font-size: 13px; } td p { padding-top: 6px; } #p_error { color:red; } #ruta a {color: #333; } th { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 14px; text-align: center !important; color: white; background: #4A8069; } th a { text-decoration: none; color: white !important; } .agenda { background-color: #999; color: black; } .agendadisable { background-color: #999; color: #777777; } .agendadia { background-color: #4A8069; color: white; } h1 { margin: 20px 10px 0px 10px; font-family: Georgia, Times, serif; font-size: 18px; color: white; margin-bottom: 20px; background:#033; border-top:#033 solid 1px; border-bottom:#033 solid 0px; padding-left:20px; clear:both; } h2 { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; background-color:#555; color: #DDD; margin: -19px 20px 15px 20px; padding-left:20px; clear:both; } h3 { margin-top: 11px; margin-bottom: 15px; font-family: Georgia, Times, serif; font-size: 13px; border-bottom:#888 solid 4px; padding-left:20px; clear:both; } h4 { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 13px; margin: -15px 20px 15px 20px; color: #888; clear:both; } h4 a{ color:#003300 !important; } h4 a:hover{ text-decoration:underline !important; } h5 { font-size: 11px; border-bottom: silver solid 1px; margin-bottom: 10px; text-align:center; clear:both; } h6 { font-size: 11px; font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-weight:bold; color: #777; margin:-12px 0px 10px 20px; clear:both; } cite { display:block; font-style:italic; margin:10px 40px; } #contenedor { text-align: left; } #menu { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-weight:bold; font-size: 11px; color: white; text-align:center; } #menu a, #menu a:link,#menu a:active,#menu a:visited { color: white !important; padding-left:6px; } #ul_menu { text-align:left; } #ul_menu ul { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 11px; color:white; } /*gracias al explorer, hay que poner este divertido selector de css, a que mola!*/ #m_ofe, #m_pro, #m_qui, #m_sot, #m_mor, #m_ser, #m_dSo, #m_dMo, #m_dSe, #m_prf, #m_adm, #m_age, #m_act { background:#888 url(../imgs/fondo-subMenu2.gif) repeat-x; } #m_ofe li, #m_pro li, #m_qui li, #m_sot li, #m_mor li, #m_ser li, #m_dSo li, #m_dMo li, #m_dSe li, #m_prf li, #m_adm li, #m_age li, #m_act li { border-top:1px #999 solid; border-bottom:1px #777 solid; } #m_ofe, #m_ofe a, #m_ofe a:link, #m_ofe a:active, #m_ofe a:visited, #m_pro, #m_pro a, #m_pro a:link, #m_pro a:active, #m_pro a:visited, #m_qui, #m_qui a, #m_qui a:link, #m_qui a:active, #m_qui a:visited, #m_sot, #m_sot a, #m_sot a:link, #m_sot a:active, #m_sot a:visited, #m_mor, #m_mor a, #m_mor a:link, #m_mor a:active, #m_mor a:visited, #m_ser, #m_ser a, #m_ser a:link, #m_ser a:active, #m_ser a:visited, #m_dSo, #m_dSo a, #m_dSo a:link, #m_dSo a:active, #m_dSo a:visited, #m_dMo, #m_dMo a, #m_dMo a:link, #m_dMo a:active, #m_dMo a:visited, #m_dSe, #m_dSe a, #m_dSe a:link, #m_dSe a:active, #m_dSe a:visited, #m_prf, #m_prf a, #m_prf a:link, #m_prf a:active, #m_prf a:visited, #m_adm, #m_adm a, #m_adm a:link, #m_adm a:active, #m_adm a:visited, #m_act, #m_act a, #m_act a:link, #m_act a:active, #m_act a:visited { /*background-color: transparent;*/ color:white; font-weight: normal; } /*gracias al explorer, que diversin a tutipln*/ #m_oSr, #m_qOr, #m_soC, #m_moC, #m_moD, #m_moF, #m_seC, #m_soE, #m_moE, #m_seE, #m_dDd, #m_dCr, #m_dOl, #m_dSb, #m_sfC, #m_sCe {background:#666 url(../imgs/fondo-subMenu3.gif) repeat-x; } #m_oSr li, #m_qOr li, #m_soC li, #m_moC li, #m_moD li, #m_moF li, #m_seC li, #m_soE li, #m_moE li, #m_seE li, #m_dDd li, #m_dCr li, #m_dOl li, #m_dSb li, #m_sfC li, #m_sCe li {border-top:1px #777 solid; border-bottom:1px #555 solid; /*padding-left:15px;*/ } #m_oSr.seleccionado, #m_qOr.seleccionado, #m_soC.seleccionado, #m_moC.seleccionado, #m_moD.seleccionado, #m_moF.seleccionado, #m_seC.seleccionado, #m_soE.seleccionado, #m_moE.seleccionado, #m_seE.seleccionado, #m_dDd.seleccionado, #m_dCr.seleccionado, #m_dOl.seleccionado, #m_dSb.seleccionado, #m_sfC.seleccionado, #m_sCe.seleccionado {background:#999; } #m_oSr a, #m_oSr a:link, #m_oSr a:active, #m_oSr a:visited, #m_qOr a, #m_qOr a:link, #m_qOr a:active, #m_qOr a:visited, #m_soC a, #m_soC a:link, #m_soC a:active, #m_soC a:visited, #m_moC a, #m_moC a:link, #m_moC a:active, #m_moC a:visited, #m_moD a, #m_moD a:link, #m_moD a:active, #m_moD a:visited, #m_moF a, #m_moF a:link, #m_moF a:active, #m_moF a:visited, #m_seC a, #m_seC a:link, #m_seC a:active, #m_seC a:visited, #m_soE a, #m_soE a:link, #m_soE a:active, #m_soE a:visited, #m_moE a, #m_moE a:link, #m_moE a:active, #m_moE a:visited, #m_seE a, #m_seE a:link, #m_seE a:active, #m_seE a:visited, #m_dDd a, #m_dDd a:link, #m_dDd a:active, #m_dDd a:visited, #m_dCr a, #m_dCr a:link, #m_dCr a:active, #m_dCr a:visited, #m_dOl a, #m_dOl a:link, #m_dOl a:active, #m_dOl a:visited, #m_dSb a, #m_dSb a:link, #m_dSb a:active, #m_dSb a:visited, #m_sfC a, #m_sfC a:link, #m_sfC a:active, #m_sfC a:visited, #m_sCe a, #m_sCe a:link, #m_sCe a:active, #m_sCe a:visited { color:white; font-weight:normal; padding-left:15px; } #pie a, #pie a:active, #pie a:link, #pie a:visited { color: #333; font-weight: bold; text-decoration: none; } #pie a:hover { text-decoration: underline; } #pie p {margin-bottom: 15px; } #primera_linea_pie * { color:white !important; } /*--CLASES PARA MENU SUPERIOR-------------------------------------------------*/ .bul-of, .bul-ov, .bul-on, .bul-ov2 { /*display:block;*/ width: 122px; background-color: transparent; background-image: url(../imgs/bul-of.gif); background-repeat: no-repeat; /*padding-left:4px;*/ text-decoration:none !important; font-weight:bold !important; cursor:pointer; } .bul-ov, .bul-ov2 { background-image: url(../imgs/bul-of.gif);} .bul-of,.bul-ov { background-image: url(../imgs/bul-on.gif);} .bul-of, .bul-on { background-position:1px -3px !important; background-position/**/:0px 1px;} /*el men esta dentro de DATOS !!!!!!!!!!!!!*/ #botonera { width: 100%; background: transparent url(../imgs/fondo-menusup.jpg) no-repeat center bottom !important; } .info-of, .info-on, .info-ov { margin-left:20px !important; margin-left/**/:10px; padding: 2px 5px; /*width:172px;*/ /*height: 23px;*/ font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 12px; font-weight:normal; background-color: transparent; border: 1px #A5A5A5 solid; border-bottom: 1px #999 solid; color: #333; } .info-on, .info-ov { background:white; cursor:pointer; border-bottom: 1px white solid; } .info-ov { border-bottom: 1px #A5A5A5 solid; } .club-of, .club-on, .club-ov { margin-left:2px; padding: 2px 5px; /*width:107px;*/ /*height: 23px;*/ font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 12px; font-weight:normal; border: 1px #A5A5A5 solid; border-bottom: 0px; color: #333; } .club-on, .club-ov { background: white; cursor:pointer; border-bottom: 1px white solid; } .club-ov { border-bottom: 1px #A5A5A5 solid; } .campus-of, .campus-on, .campus-ov { margin-left:2px; padding: 2px 5px; /*width:109px;*/ /*height: 23px;*/ font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 12px; font-weight:normal; border: 1px #A5A5A5 solid; border-bottom: 0px; color: #333; } .campus-on, .campus-ov { background:white; cursor:pointer; border-bottom: 1px white solid; } .campus-ov { border-bottom: 1px #A5A5A5 solid; } .publi-of, .publi-on, .publi-ov { margin-left:2px; padding: 2px 5px; /*width:109px;*/ /*height: 23px;*/ font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size: 12px; font-weight:normal; border: 1px #A5A5A5 solid; border-bottom: 0px; color: #333; } .publi-on, .publi-ov { background:white; cursor:pointer; border-bottom: 1px white solid; } .publi-ov { border-bottom: 1px #A5A5A5 solid; } /*--Estilos de Varios-(comportamiento Dinmico, imagenes, etc)---------------------------------*/ .seleccionado { color: white; background-image: url(../imgs/bul-ov.gif); background-repeat: no-repeat; background-position:4px 0px !important; background-position/**/:4px 2px;} .seleccionado * { color: white !important; } .apagado { display: none; } .encendido { display: block; } .img_left { float:left; margin-right:5px; } .img_right { float:right; margin-left:5px; } #piefoto_right { float:right; margin-left:6px; margin-bottom:10px; font-size: 10px; min-width: 200px !important;color:#033; font-weight:bold; text-align:left;} #piefoto_right_peque { float:right; margin-left:6px; margin-right:22px; margin-bottom:10px; font-size: 10px; min-width: 50px !important;color:#033; font-weight:bold; text-align:left;} #galeriafotos { width: 550px; clear: none; overflow: auto; } #fila { width: 450px; border: 2px; clear: both; color: #000000; padding-bottom: 5px; } #col { width: 106px; border: 1px; float: left; padding: 5px; } #foto_galeria {border: #666 solid 1px;} .text_centrado { text-align: center !important; } .ev_funda, .ev_cole, .ev_club { font-family: Georgia, Times, serif; font-size: 14px; color: #333; text-align: center; cursor: pointer; } .ev_funda { background-color: #A5A5A5; } .ev_cole { background-color: #033; color: white; } .ev_club { background-color: #222;color: white;} #mes td{font-family: Georgia, Times, serif;font-size: 11px;color: #333;} #enlaces { margin-top:10px;} .enlaces { font-size:9px; margin-top:3px;} .enlacesTitular { background:#033; color:white; font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-size:10px; } .link { font-size:9px;} .login { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-weight:bold; font-size: 11px; color: white; text-align:center; } .loginbox { font-family: "Trebuchet MS",Helvetica, Arial, sans-serif; font-weight:bold; font-size: 11px; color: black; background-color:#FFFFFF } /*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/ #TICKER a:hover { text-decoration: underline; } #TICKER a { text-decoration: none; font-family: Georgia, Times, serif; font-size: 11px; color: #FFFFFF;}