/* Theme Name: CSS inicial */ /********************************************** HACKS PARA IE ***********************************************/ /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */ /* Si necesitas aplicarlo a IE7 utiliza este: *:first-child+html {}*/ /********************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/ /********************************************* ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML ***********************************************/ * { margin: 0; padding: 0; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearboth {clear: both;} body {background-color:#F4F4F4; color:#838383;font-family:Arial, Tahoma, sans-serif;font-size:0.8em;line-height:1.4;margin:0; overflow-x:hidden;} #pagina {margin:0 auto;width:984px;} /* ETIQUETAS */ a:link,a:visited{color: #444444; text-decoration: none;} a:hover{text-decoration: underline;} H2{font-size: 1.5em; font-style: normal; font-weight: bolder;} H2 span.amarillo{color: #FF940B;} H2 span.gris{color: #364646;} H3{font-size:1.5em; margin-bottom: 5px;} IMG{padding: 0; margin: 0;} P{font-size:1.1em; line-height: 22px; font-weight: normal; text-align: left;} /* CABECERA */ #cabecera {position:relative;margin:0 auto;height:144px; width:984px; background: url(/imagenes/comunes/bgPagina.gif) no-repeat scroll center bottom;} #cabecera h1{background-image:url(/imagenes/comunes/cabecera/logo.gif);background-repeat:no-repeat;float:left;height:74px;margin-left:14px;margin-top:6px;text-indent:-9999px;width:219px; display: block;} #cabecera h1 a{width: 219px; height: 74px; display: block;} /* top links */ #toplinks{ color:#364646;padding:6px 9px;position:absolute;right:0;width:638px;text-align:right; } #toplinks ul li {list-style: none; display: inline;} #toplinks a.enlaceTopMenu:link,#toplinks a.enlaceTopMenu:visited{color:#364646;font-size: 0.8em;} #toplinks a.enlaceTopMenu:hover{text-decoration:underline;} #toplinks a.logout:link,#toplinks a.logout:visited{color:#364646;font-size: 0.8em;} #toplinks a.logout:hover{text-decoration:underline;} /* MENU */ ul#menu {bottom:-2px;float:left;font-size:1em;font-weight:bold;left:80px;list-style:none outside none;margin:0;padding:0;position:absolute;top:75px;width:902px;z-index:0;} ul#menuSinPestana {bottom:-2px;float:left;font-size:1em;font-weight:bold;left:80px;list-style:none outside none;margin:0;padding:0;position:absolute;top:75px;width:902px;z-index:0;} ul#menu li { float: left; font-size: 1em; background: url('/imagenes/comunes/menu/nav-inactive-right.gif') no-repeat top right; margin-right: 5px;} ul#menu li a { display: block; padding: 0 15px; line-height: 30px; background: url('/imagenes/comunes/menu/nav-inactive-left.gif') no-repeat top left; text-decoration: none; float: left; color: #3E3D3D; font-size: 1.0em; font-weight: bold; } ul#menuSinPestana li { float: left; font-size: 1em; background: url('/imagenes/comunes/menu/nav-inactive-right.gif') no-repeat top right; margin-right: 5px;} ul#menuSinPestana li a { display: block; padding: 0 15px; line-height: 30px; background: url('/imagenes/comunes/menu/nav-inactive-left.gif') no-repeat top left; text-decoration: none; float: left; color: #3E3D3D; font-size: 1.0em; font-weight: bold; } ul#menu li.miCuentaOFF { float: left; font-size: 1em; background: url('/imagenes/comunes/menu/nav-inactive-right-miCuenta.gif') no-repeat top right; margin-right: 5px;} ul#menu li.miCuentaOFF a { display: block; line-height: 30px; background: url('/imagenes/comunes/menu/nav-inactive-left-miCuenta.gif') no-repeat top left; text-decoration: none; float: left; color: #3E3D3D; font-size: 1.0em; font-weight: bold;} ul#menu li.current {background: url('/imagenes/comunes/menu/nav-active-right.gif') no-repeat top right;} ul#menu li.current a {background: url('/imagenes/comunes/menu/nav-active-left.gif') no-repeat top left; line-height: 32px;} ul#menu li a:hover {text-decoration: underline;} /* contenido */ #contenido {background:#FFFFFF;background: url("/imagenes/comunes/fondo.gif") repeat scroll 0 0 transparent;} #migaPan{padding-bottom: 10px; font-size: 0.8em; } #encuesta{border: 1px solid #FFA200; background-color: #FFF9EF; color: #000; text-align: center; font-weight: bolder; padding: 10px;} /* pie */ #cierrePagina{clear:both; height:38px; background: url(/imagenes/comunes/piePagina.gif) no-repeat scroll center top;} #pie {clear:both;} #pie p {float:left;font-size:1em;height:25px;padding:0px 20px;} #footerContent {background-color:#0E0F0F;color:#FFFFFF;font-size:0.8em;height:46px;margin:10px auto;padding:10px 0;width:984px;} #footerContent a {color:#ffffff;font-family:Verdana,Arial,Tahoma,sans-serif;text-decoration:underline;} #middleContent {margin:0 auto;padding:1px 0;width:963px;} /********************************************* PAGINADOR ***********************************************/ #paginadorSuperior{background:transparent url(/imagenes/comunes/dotted-bg.gif) repeat-x scroll center bottom;padding-bottom:10px;width:100%; margin-bottom: 10px;} #paginadorInferior{background:transparent url(/imagenes/comunes/dotted-bg.gif) repeat-x scroll center top;padding-top:10px;width:100%; margin-top: 10px; clear:both;} #paginador h3{float: left;} .paginacion_simple span {background-color:#6F6F6F;border:1px solid #A4A6A5;color:#FFFFFF;display:block;float:left;margin:3px;padding:1px 4px;text-align:center;text-decoration:none;} .paginacion_simple li {display:inline;list-style-type:none;} .paginacion_simple a:link, .paginacion_simple a:visited {background-color:#FFFFFF;border:1px solid #A4A6A5;color:#A4A6A5;padding:1px 4px;text-decoration:none;} .paginacion_simple a {display:block;float:left;margin:3px;text-align:center;} .paginacion_simple a:hover{background-color:#CFCFCF;} /********************************************* ICONOS E INFORMACIÓN BARRA 2.0 ***********************************************/ /* ICONOS 2.0 */ span.compartir{color:#727272;font-family:Arial;font-size:11px;margin-left:5px;} a.facebook {text-indent:-99999px; height: 14px; width: 14px; background:transparent url(/imagenes/iconos/facebook.gif) no-repeat scroll 0 0; } a.twitter {text-indent:-9000px; background:transparent url(/imagenes/iconos/twitter.gif) no-repeat scroll 0 0;height:14px;margin-left:9px;width:14px;} a.delicius {text-indent:-9000px; background:transparent url(/imagenes/iconos/delicius.gif) no-repeat scroll 0 0;height:14px;margin-left:5px;width:14px;} a.technorati {text-indent:-9000px; background:transparent url(/imagenes/iconos/tecnoraty.gif) no-repeat scroll 0 0;height:15px;margin-left:4px;width:16px;} a.meneame {text-indent:-9000px; background:transparent url(/imagenes/iconos/meneame.gif) no-repeat scroll 0 0;height:16px;margin-left:3px;width:16px;} a.myspace {text-indent:-9000px; background:transparent url(/imagenes/iconos/myspace.gif) no-repeat scroll 0 0;height:16px;margin-left:3px;width:16px;} a.enlaceQueEs {color:#727272;font-family:Arial;font-size:11px;margin-left:7px;text-decoration:underline;} /* INFORMACIÓN 2.0 */ #todo {float:left;height:485px;width:800px; background-color: #ffffff; font-size: 10px; border: 4px solid #D3D3D3;} #todo p {line-height: 15px;} #todo .introduccion {display:inline;float:left;margin-left:36px;margin-top:10px;padding-bottom:10px;width:728px;} #todo .explicacion {display:inline;float:left;margin-left:36px;margin-top:10px;width:750px;} #todo .explicacion .red {display:inline;float:left;height:175px;margin-right:10px;width:240px;} #todo .explicacion .red .imagen {float:left;width:40px;} #todo .explicacion .red .texto {float:left;width:200px;} #todo .explicacion .red .texto h2 {color:#232E34;float:left;font-family:Arial;font-size:12px;font-weight:bold;margin-bottom:5px;width:200px;}