/* ============================================================================= STYLE.CSS version: 1.6 updated: 2009-03-06, 13:00 GMT+1 ============================================================================= */ /* ============================================================================= HTML - styles ============================================================================= */ body {background-color:#fff;/*#eaeaea;*/ color:#303030;} a {color:#0085cc;} a:hover, a:active, a:focus {color:#df0000;} #content h2 {color:#0085cc;} #content table {border:2px solid #cfcfcf;} #content table th {border-right:1px solid #0085D5; background-color:#EAEAEA; color:#0085D5;} #content table td {border:1px solid #cfcfcf;} #content table tr.bg td {background-color:#F5F5F5;} #content dl dt {color:#df0000;} #content fieldset {border:1px solid #ccc;} #content legend {background:#FFF; color:#0085cc;} #content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;} /* ============================================================================= HTML - without styles ============================================================================= */ table.nostyle th, dl.nostyle dt {color:#303030 !important;} /* ============================================================================= LAYOUT ============================================================================= */ #tray {background-color:#303030; color:#cfcfcf;} #tray a, #tray strong {color:#fff;} #tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;} #menu {background-color:#0085cc;} #menu ul li a {background-color:#fff; color:#303030;} #menu ul li a span {background-color:#FFF;} #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;} #menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;} #menu ul li#menu-active a {color:#0085cc;} #menu ul.f-right a {color:#df0000;} #content {border:1px solid #afafaf; background:#fff; min-height: 520px;} #footer {color:#707070;} #footer a {color:#707070;} #footer a:hover, #footer a:active, #footer a:focus {color:#303030;} /* ============================================================================= OTHERS ============================================================================= */ #aside #logo img {border:0px solid #bfbfbf;} #aside #search fieldset a {color:#303030;} #aside #search fieldset {border:1px solid #bfbfbf;} #aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;} #aside #btn-create a {background-color:#fff; color:#303030;} #aside #btn-create a span {background-color:#fff;} #aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;} #aside ul li#submenu-active a {background-color:#df0000; color:#fff;} #aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;} #aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; /*background-color:#f5f5f5;*/ color:#303030; overflow: hidden; line-height: 25px;} #aside ul ul li a.cat-activa, #aside ul li#submenu-active ul li a.cat-activa { background-color: #3B64B3; color: #fff; } #aside ul ul li a span, #aside ul li#submenu-active ul li a span { float: left; } #aside ul ul li a img, #aside ul li#submenu-active ul li a img { float: left; } #aside ul li ul li a {background-color:#e3e3e3;} #aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;} #content h1 {background-color:#303030; color:#fff;} #content .tabs {border-bottom:1px solid #cfcfcf;} #content .tabs a {color:#303030;} #content .tabs a span {color:#303030;} #content .tabs .ui-tabs-selected a {color:#fff;} #content .tabs .ui-tabs-selected a span {color:#fff;} .high {color:#df0000;} .high-bg {background:#FFB;} .low {color:#707070;} /* ============================================================================= MESSAGES ============================================================================= */ .msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;} .msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;} .msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;} .msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;} .msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;} /* ============================================================================= LOGIN ============================================================================= */ /*#login {width: 406px; margin: 100px auto 0; padding: 5px;} #login .button { background: url(../images/button-bg.png) repeat-x top center; border: 1px solid #999; -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold; -webkit-border-radius: 5px; font-size: 13px; width: 70px; float: right; } #login .button:hover { background: white; color: black; } #login .legend { color:#0085cc; } #login .fieldset { border: 0; width: 88%; padding-left: 30px;} #login .label { width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; color: #616D76; } #login .input { width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px; color: #3a3a3a; font-family: Georgia, serif;}*/ #login { width: 100%; height: 792px; background: url(../images/fondo_login.jpg) top center no-repeat; border: 1px solid transparent; } #login form { text-align: center; border: 1px solid transparent; margin-top: 350px; } #login form .fieldset { width: 426px; border: 1px solid transparent; margin: 0 auto; } .login-usuario { background: url(../images/fondo_usuario.png) top right no-repeat; height: 44px; width: 345px; color: #fff; font-family: helvetica, sans-serif; font-size: 16px; margin-top: 10px; } .login-usuario .label { text-align: right; display: inline-block; width: 76px; } .login-usuario input[type="text"] { width: 233px; height: 28px; display: inline-block; margin-top: 7px; margin-left: 11px; border: none; font-size: 14px; } .login-password { background: url(../images/fondo_pass.png) top right no-repeat; height: 44px; width: 345px; color: #fff; font-family: helvetica, sans-serif; font-size: 16px; margin-bottom: 5px; } .login-password .label { text-align: right; display: inline-block; width: 76px; } .login-password input[type="password"] { width: 233px; height: 28px; display: inline-block; margin-top: 7px; margin-left: 11px; border: none; font-size: 14px; } .submit { text-align: center; margin-top: 8px; } .go-to-buzon { text-align: center; margin-top: 8px; } .go-to-buzon a { position: relative; left: 20px; } #login .msg.warning.login { float: left; margin: 300px auto 0px 12%; width: 70%; } #login .login-pie { color: #fff; font-family: helvetica, sans-serif; font-size: 13px; text-align: center; } #login .login-pie a { color: #fff; text-decoration: none; height: 24px; display: inline-block; } #login .login-pie a.facebook-pie { background: url(../images/icono_facebook.png) center left no-repeat; padding-left: 30px; } #login .login-pie a.twitter-pie { background: url(../images/icono_twitter.png) center left no-repeat; padding-left: 30px; } .buscador fieldset { height: 30px; overflow: hidden; } .buscador input[type="text"] { border: 1px solid #000; border-right: none; float: left; height: 22px; width: 300px; } .buscador input[type="image"] { border: 1px solid #000; border-left: none; float: left; height: 22px; } .list-resultados { list-style: none; } #content ul.list-resultados li { background: none !important; padding: 0px; border-bottom: 1px solid #ccc; } .list-resultados h4.categoria-resultados { margin-bottom: 0px; } .list-resultados .categoria-resultados a { color: #C31F1E; font-size: 14px; font-weight: none; text-decoration: none; } .list-resultados .archivo-resultados { display: block; margin: 0 0 4px 10px; } #buzon-wrapper { background: url(../images/Buzon/fondo.jpg); border: 1px solid transparent; } #buzon { background: url(../images/Buzon/fondo2.jpg) top center no-repeat; border: 1px solid transparent; font-family: helvetica, sans-serif; color: #5e5e5e; position: relative; } .buzon-form { background: url(../images/Buzon/fondo_blanco.png) top center repeat-y; width: 872px; height: 2496px; margin: 0px auto; border: 1px solid transparent; } .go-to-login { display: block; text-align: center; } #buzon .banner { text-align: center; margin-top: 35px; } #buzon .titulo { background: url(../images/Buzon/titulo_seccion.png) top center no-repeat; width: 307px; height: 139px; text-align: center; margin: 40px auto 0px; } #buzon .titulo span { display: none; } .fieldset-1,.fieldset-2 { background: url(../images/Buzon/fondo_titulo1.png) top center no-repeat; } .legend-1 { background: url(../images/Buzon/fondo_titulo2.png) top center no-repeat; margin: 0px; height: 43px; font-size: 15px; color: #5e5e5e; text-align: center; line-height: 43px; position: relative; } #buzon fieldset h3 img { position: absolute; top: 6px; left: 215px; } #buzon .radioblock { height: 61px; text-align: center; } #buzon .radiobutton { height: 60px; width: 150px; display: inline-block; line-height: 60px; font-size: 15px; } #buzon .textareablock { width: 509px; margin: 41px auto 0px; } #buzon .textareablock label.textarea { background: url(../images/Buzon/fondo_titulo4.png) top center no-repeat; display: block; width: 249px; height: 43px; line-height: 43px; position: relative; font-weight: bold; font-size: 15px; } #buzon .textareablock label.textarea img { position: absolute; top: 6px; left: 17px; } #buzon .textareablock label.textarea span { display: inline-block; margin-left: 60px; } #buzon .textareablock textarea { width: 509px; height: 218px; border: 3px solid #cbcbcb; background-color: #f6f6f6; color: #5e5e5e; padding: 3px; } .fieldset-2,.fieldset-3,.fieldset-4 { margin-top: 45px; } #buzon fieldset.fieldset-2 h3 img { left: 200px; } #buzon .fileblock { height: 63px; text-align: center; } #buzon .fileblock .file { display: block; height: 63px; margin-left: 235px; overflow: hidden; width: 625px; } #buzon .fileblock .file input { display: none; } #buzon .fileblock .file .show-file { background: url(../images/Buzon/btn_archivo.png) top center no-repeat; float: left; width: 110px; height: 34px; margin-top: 15px; } #buzon .fileblock .file .text-file { position: relative; padding-left: 45px; float: left; margin-top: 19px; } #buzon .fileblock .file .text-file img { position: absolute; top: -5px; left: 8px; } #buzon fieldset.fieldset-3 h3 img { left: 80px; } #buzon .textblock { color: #5e5e5e; } #buzon .textblock .text { background: url(../images/Buzon/fondo_label.png) bottom center no-repeat; display: block; height: 105px; overflow: hidden; } #buzon .textblock .text .text-col-izq { display: block; float: left; width: 253px; height: 105px; line-height: 105px; text-align: right; padding-right: 15px; font-size: 15px; } #buzon .textblock .text .col-izq-1 { background: url(../images/Buzon/fondo_col1.png) bottom right no-repeat; } #buzon .textblock .text .col-izq-2 { background: url(../images/Buzon/fondo_col2.png) bottom right no-repeat; } #buzon .textblock .text .col-izq-3 { background: url(../images/Buzon/fondo_col3.png) bottom right no-repeat; } #buzon .textblock .text .text-col-der { background: url(../images/Buzon/fondo_input.png) left center no-repeat; display: block; float: left; margin: 30px 0px 0px 13px; width: 522px; height: 52px; } #buzon .textblock .text .text-col-der input { display: block; width: 504px; height: 24px; border: 1px solid #fff; background-color: #fff; margin: 9px 0px 0px 9px; color: #5e5e5e; } .legend-2 { background: url(../images/Buzon/fondo_titulo3.png) top center no-repeat; margin: 0px; height: 67px; font-size: 15px; color: #5e5e5e; text-align: center; position: relative; border: 1px solid transparent; } .legend-2 .text-tit-1 { display: block; text-align: left; width: 700px; margin: 10px 0px 0px 102px; } .legend-2 .text-tit-2 { font-style: italic; display: block; font-weight: normal; text-align: left; width: 700px; margin-left: 102px; } .submitblock { margin: 5px auto 0px; width: 730px; text-align: right; position: relative; } .footer { background: url(../images/Buzon/fondo_footer.png) bottom center no-repeat; height: 343px; margin-top: -343px; border: 1px solid transparent; } .footer-text { background: url(../images/Buzon/fondo_footer2.png) bottom center no-repeat; height: 119px; margin-top: 224px; border: 1px solid transparent; } .footer-text p { color: #fff; text-align: center; margin-top: 54px; } .footer-text p a { color: #fff; text-decoration: none; height: 24px; display: inline-block; } .footer-text p a.facebook-pie { background: url(../images/icono_facebook.png) center left no-repeat; padding-left: 30px; } .footer-text p a.twitter-pie { background: url(../images/icono_twitter.png) center left no-repeat; padding-left: 30px; } #buzon .msg.error.buzon { position: absolute !important; top: 90px; text-align: center; width: 100%; } #fondo-enviado { position: absolute; top: 0px; left: 0px; width: 100%; height: 2496px; background-color: #000; -khtml-opacity: .65; /* Saf3.2+, Chrome */ -moz-opacity: .65; /* FF2+ */ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)'; /* IE 8 */ opacity: .65; /* FF3+, Opera 9+, Saf1+, Chrome, IE9+ */ filter: alpha(opacity=65); /* IE 5-7 */ } #mensaje-exito { background: url(../images/Buzon/msg_enviado.png) bottom center no-repeat; display: block; width: 337px; height: 153px; position: absolute; top: -130px; right: 17px; z-index: 1000; } #mensaje-exito span { display: none; } #content.pizarra { background: url(../images/mejores_practicas_banner.png) top center no-repeat; padding-top: 170px; } #content.archivo { background: url(../images/mejores_practicas_banner_2.png) top center no-repeat; padding-top: 176px; } #content .tit.buscar { background: url(../images/buscar.png) center left no-repeat #F5F5F5; padding-left: 50px; } #content .tit.redes-soc { background: url(../images/redes_sociales.png) center left no-repeat #F5F5F5; padding-left: 50px; }