/* Theme Name: AI Default Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body{ font-family: Arial, Verdana, sans-serif; /*color:#222;*/ color:#5E504B; font-size:12px; text-align:left; background-color:#f3f3f3; line-height:1.3em; letter-spacing: 0.01em; } h2 { font-size:160%; margin:20px 0 10px 0; } h3 { font-size:1310%; } h4 { font-size:100%; color:#0253ac; } a:hover { text-decoration:none; color:#0253AC; } a { text-decoration:none; color:#0253AC; } #wrapper-1 { background: #f3f3f3 url('css/img/wrapper-bg.gif') repeat-x; } #wrapper-3 { background: #f3f3f3 url('css/img/footer-bg.gif') repeat-x; height:165px; overflow:hidden; } .container { background: #fff url('css/img/container-bg.gif') repeat-y; } #header { height:135px; background: #ffeb01 url('css/img/header-bg.gif') no-repeat top right; } #header h1 { float:left; } #header #toplinks { float:left; margin:8px 0 0 185px; color:#fff; font-size:90%; } #header #toplinks td { vertical-align:top; } #header #toplinks a { color:#fff; text-decoration:none; } #navbar { height:30px; } #navbar ul { list-style: none; } #navbar ul li{ text-align:center; float:left; } #navbar ul li a { width:100%; height:100%; display:block; text-indent:-9999px; } #navbar ul li.inicio { width:77px; height:30px; background: transparent url('css/img/navbar-inicio.gif') no-repeat left top; } #navbar ul li.inicio_select { width:77px; height:30px; background: transparent url('css/img/navbar-inicio.gif') no-repeat -0px -60px; } #navbar ul li.inicio a:hover { background: transparent url('css/img/navbar-inicio.gif') no-repeat -0px -30px; } #navbar ul li.quienes { width:125px; height:30px; background: transparent url('css/img/navbar-quienes.gif') no-repeat left top; } #navbar ul li.quienes_select { width:125px; height:30px; background: transparent url('css/img/navbar-quienes.gif') no-repeat -1px -60px; } #navbar ul li.quienes a:hover { background: transparent url('css/img/navbar-quienes.gif') no-repeat -1px -30px; } #navbar ul li.ayudar { width:160px; height:30px; background: transparent url('css/img/navbar-ayudar.gif') no-repeat left top; } #navbar ul li.ayudar_select { width:160px; height:30px; background: transparent url('css/img/navbar-ayudar.gif') no-repeat -1px -60px; } #navbar ul li.ayudar a:hover { background: transparent url('css/img/navbar-ayudar.gif') no-repeat -1px -30px; } #navbar ul li.ciudad { width:118px; height:30px; background: transparent url('css/img/navbar-ciudad.gif') no-repeat left top; } #navbar ul li.ciudad_select { width:118px; height:30px; background: transparent url('css/img/navbar-ciudad.gif') no-repeat -1px -60px; } #navbar ul li.ciudad a:hover { background: transparent url('css/img/navbar-ciudad.gif') no-repeat -1px -30px; } #navbar ul li.conoce { width:216px; height:30px; background: transparent url('css/img/navbar-conoce.gif') no-repeat left top; } #navbar ul li.conoce_select { width:216px; height:30px; background: transparent url('css/img/navbar-conoce.gif') no-repeat -1px -60px; } #navbar ul li.conoce a:hover { background: transparent url('css/img/navbar-conoce.gif') no-repeat -1px -30px; } #navbar ul li.noticias { width:140px; height:30px; background: transparent url('css/img/navbar-noticias.gif') no-repeat left top; } #navbar ul li.noticias_select { width:140px; height:30px; background: transparent url('css/img/navbar-noticias.gif') no-repeat -1px -60px; } #navbar ul li.noticias a:hover { background: transparent url('css/img/navbar-noticias.gif') no-repeat -1px -30px; } #navbar ul li.contacto { width:124px; height:30px; background: transparent url('css/img/navbar-contacto.gif') no-repeat left top; } #navbar ul li.contacto_select { width:124px; height:30px; background: transparent url('css/img/navbar-contacto.gif') no-repeat -1px -60px; } #navbar ul li.contacto a:hover { background: transparent url('css/img/navbar-contacto.gif') no-repeat -1px -30px; } #panel { height:312px; } #panel .slider{ float:left; width:660px; height:308px; } #panel .botones{ float:left; width:300px; height:300px; } #content {line-height:1.6em;padding-left:10px;padding-right:10px;width:620px;} #content h2 { margin-top:35px; } #content div h4 a{ font-size:100%; color:#0253ac; text-decoration:none;} #content div h4 a:hover{ font-size:100%; color:#0253ac; text-decoration:none;} #content .post { margin-bottom:20px; } #content .post h2{ color:#0253AC;} #content .post p { margin:5px 0; } #content .post img.foto { float:left; margin-right:10px; border:1px solid #999; width:180px; height:130px;} #content p.masnoticias { background: #fff url('css/img/post-masnoticias-bg.gif') no-repeat; padding:8px 0;} #content .campanas { list-style: none; line-height:1.5em} #content .campanas li { font-size:90%; width:92px; float:left; margin-right:32px; } #content .campanas li img.foto { border:1px solid #999; margin-bottom:4px; width:100px; height:70px; } #content .campanas li h4 { padding-left:2px;line-height:12px; } #content .campanas li p { padding-left:2px; margin:4px 0 8px 0; } #content .campanas li a { float:right; } #sidebar .agenda { position:relative; } #sidebar .agenda .fecha { height:102px; overflow:hidden; background: #fff url('css/img/agenda-fecha-bg.gif') no-repeat 0px 0px; color:#0253ac; } #sidebar .agenda .fecha h2{ margin:10px 0; } #sidebar .agenda .fecha .izq{ width:40%; padding-left:4px; float:left; font-size:190%; } #sidebar .agenda .fecha .izq p{ margin:6px 0; } #sidebar .agenda .fecha .der{ width:40%; float:right; height:100px; font-size:40px; color:#676767; } #sidebar .agenda .fecha .der p{ font-weight:bold; margin-top:5px; padding-right:10px; text-align:right; height:80px; } #sidebar .agenda .eventos { width:280px; /*height:280px;*/ overflow:hidden; background-color:#fff; font-size:90%; } #sidebar .agenda .eventos ul{ margin:60px 5px 10px 5px; } #sidebar .agenda .eventos li{ padding:5px; } #sidebar .agenda .eventos a{ text-decoration:none; color:#0253ac; } #sidebar .agenda .eventos p.vermas{ margin:10px; padding:8px 2px; background: #fff url('css/img/agenda-vermas-bg.gif') no-repeat 0px 0px; } #sidebar .agenda .header { position:absolute; top:102px; left:0px; width:280px; height:46px; background-color:#fff; } #sidebar .agenda .header ul {list-style: none;} #sidebar .agenda .header ul li{ float:left; width:34px; height:46px; margin-right:2px; background:transparent url('css/img/agenda-dia-bg.gif'); color:#fff; font-size:80%; font-weight:bold; text-align:center; } #sidebar .agenda .header ul li a{ color:#fff; font-weight:bold; text-align:center;text-decoration:none; } #sidebar .agenda .header ul li a:hover{ color:#fff; font-weight:bold; text-align:center;text-decoration:none; } #sidebar .agenda .header ul li .selected{ color:#333; font-weight:bold; text-align:center;text-decoration:none; } #sidebar .agenda .header ul li .selected:hover{ color:#333; font-weight:bold; text-align:center;text-decoration:none; } #sidebar .agenda .header ul li p{ margin-top:12px; } #sidebar .agenda .header ul li.left { width:13px; margin-left:0px; background: #000; } #sidebar .agenda .header ul li.right { width:13px; margin-right:0px; background: #000; } #sidebar .agenda .header ul li.selected{ background:transparent url('css/img/agenda-dia-selected-bg.gif'); color:#333; } #sidebar .miamnistia { } #sidebar .miamnistia_texto { height:200px;background: #fff url('css/img/miamnistia-bg.gif') no-repeat 0px 0px; padding:0 15px; } #sidebar .miamnistia p{ font-weight:bold; } #sidebar .miamnistia .testimonio{ color:#5e504b; padding-top:40px; } #sidebar .miamnistia .autor{ color:#948a85; text-align:right; padding-top:10px; } #sidebar ul {list-style: none;} #sidebar ul.enlinea li { padding:6px 10px; font-size:90%; background-color:#fff; } #sidebar ul.enlinea li.even { background-color:#ecf5ff; } #sidebar ul.enlinea li a{ display:block; text-decoration:none; color:#333; font-weight:bold; } #sidebar ul.enlinea li span{ color:#0253ac; } #sidebar .suscribete { text-align:center; margin:10px 0 20px 0;} #footer { padding-top:20px; color:#fff; font-size:95%; background: transparent url('css/img/footer-flame.png') no-repeat top right; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='css/img/footer-flame.png',sizingMethod='scale'); } #footer .copyright{ float:left; width:500px; color:#efefef; } #footer .copyright a{ color:#efefef; text-decoration:none; } #footer .copyright a:hover{ color:#fff; } #footer .social{ float:left; width:170px; font-weight:bold; font-size:11px;} #footer .social ul { list-style: none; } #footer .social ul li{ margin:5px 0; } #footer .contacto { float:left; width:290px; } #footer .contacto span{ font-weight:bold; font-size:11px;} #footer .contacto p{ margin-top:10px; font-size:10px;} #comments {font-size:20px;margin-top:40px;color:#0253AC;font-weight:normal;line-height:150%;padding:0 0 10px 0;} #respond {margin-top:30px;margin-bottom:20px;color:#0253AC;} #respond h3 {font-size:20px;font-weight:normal;line-height:150%;margin:0;padding:0 0 10px 0;color:#0253AC;} #commentform{} #commentform p {margin:0; padding:0 0 10px;} #commentform .texto {border:1px solid #ABABAB;} #commentform .textarea {border:1px solid #ABABAB;} #commentform .boton {background:#434343 none repeat scroll 0 0;color:#FFFFFF;border:medium none;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;padding:4px;} .comment-body{ background:#fff none repeat scroll 0 0; } .comment-author .fn{ font-size:13px; color:#5E504B; font-weight:bold; } .comment-author .fn a{ color:#000; font-weight:bold; font-size:13px; text-decoration:none; } .comment-author .fn a:hover{ color:#000; font-weight:bold; font-size:13px; text-decoration:none; } .comment-author .says{ color:#777; font-weight: normal; font-size:12px; } .comment-meta a{ color:#0253AC; font-weight: normal; font-size:12px; text-decoration:none; } .comment-meta a:hover{ color:#0253AC; font-weight: normal; font-size:12px; text-decoration:none; } .comment { padding-bottom:15px; background: transparent url('css/img/comentarios-separacion.gif') no-repeat left bottom; } .commentlist li, #commentform input, #commentform textarea { font-size: 11px; } .commentlist li ul li { font-size: 1em; } .commentlist { margin-left:20px; } .commentlist li { font-weight: bold; margin-bottom:10px; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { /*margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;*/ margin-left:15px; } html>body .entry li { /*margin: 7px 0 8px 10px;*/ } .entry ul li:before, #sidebar ul ul li:before { /*content: "\00BB \0020";*/ } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /* End Entry Lists */ .navigation { display: block; text-align: center; margin-top: 30px; margin-bottom: 30px; padding:10px 0px; border-bottom:1px solid #999; border-top:1px solid #999; } .navigation a{ color:#000; font-size:18px; text-decoration:none; } .navigation a:hover{ color:#000; font-size:18px; text-decoration:none; } #interna_menu { height:19px; margin-top: 25px; margin-bottom: 25px; } #interna_menu ul{ list-style:none;margin:0px; } #interna_menu ul a{display:block;height:100%;text-indent:-9999px;} #interna_menu ul li{ text-align:center; float:left; } #interna_menu ul li.origenes {width:137px;/*86*/ height:19px; background: transparent url('css/img/qs_origenes.gif') no-repeat left top;} #interna_menu ul li.principios {width:191px;/*141*/ height:19px; background: transparent url('css/img/qs_principios.gif') no-repeat left top;} #interna_menu ul li.sobre_ai {width:152px;/*107*/ height:19px; background: transparent url('css/img/qs_sobre_ai.gif') no-repeat left top;} #interna_menu ul li.organizamos {width:140px;/*138*/ height:19px; background: transparent url('css/img/qs_organizamos.gif') no-repeat left top;} #interna_menu ul li.origenes_select {width:137px;/*86*/ height:19px; background: transparent url('css/img/qs_origenes.gif') no-repeat -0px -19px;} #interna_menu ul li.principios_select {width:191px;/*141*/ height:19px; background: transparent url('css/img/qs_principios.gif') no-repeat -0px -19px;} #interna_menu ul li.sobre_ai_select {width:152px;/*107*/ height:19px; background: transparent url('css/img/qs_sobre_ai.gif') no-repeat -0px -19px;} #interna_menu ul li.organizamos_select {width:140px;/*138*/ height:19px; background: transparent url('css/img/qs_organizamos.gif') no-repeat -0px -19px;} #interna_menu ul li.origenes :hover {background: transparent url('css/img/qs_origenes.gif') no-repeat -0px -19px;} #interna_menu ul li.principios :hover {background: transparent url('css/img/qs_principios.gif') no-repeat -0px -19px;} #interna_menu ul li.sobre_ai :hover {background: transparent url('css/img/qs_sobre_ai.gif') no-repeat -0px -19px;} #interna_menu ul li.organizamos :hover {background: transparent url('css/img/qs_organizamos.gif') no-repeat -0px -19px;} .interna_lista {list-style:none;} .interna_lista li{margin-bottom: 15px;} .interna_lista .izq{float: left; width: 75px; margin-right: 15px;} .interna_lista .der{float:left;width:515px;} .unete_input {border:1px solid #666; width:225px;} #frm_registro label {color:#0253AC}