/* $Id: home.css 2475 2007-04-01 19:59:41Z ruth $ */

/* Common style rules for Red Local website

   The stylesheet is divided into the following three parts:
   
   1. Layout rules: 
      Box properties (exclusive of borders), positioning, text-indent, alignment, lists
      
   2. Visual rules: 
      Colors, backgrounds, borders, links, emphasis
      
   3. Typographical rules: 
      Font and text properties (exclusive of links, alignment and text-indent)

   NOTE: Validate CSS syntax before add your changes to the CVS tree!!
*/

@import "common.css";

/* ------------------------- Layout rules ------------------------- */

body {
    margin: 0;
    padding: 0 10px 0 70px;
}

#header {
    height: 150px;
}

h1 {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 0 5px 0;
    text-align: right;
	border-bottom:1px solid #AD0000;
}

h2 {
    position: static; /* resets position rule from common.css */
    margin: 0;
    padding: 0;
    text-align: left;
}

#header{
    margin-right: 1em;
}
#noticias{
	margin-top:1em;
	float:left;
	background:url(../images/ninos.gif) no-repeat;
	padding:2em;
	padding-top:200px;
	padding-right:3em;
	width:22em;
}
#noticias dd{
	margin:0px;
	padding:0px;
}
#entradas{
	padding:2em;
	padding-left:1em;
}
#zona-infantil { 
	float: left;
	margin-top:1em;   
	padding-top:3em;
	padding-left:2em;
    voice-family: "\"}\"";
    voice-family: inherit;   
}
#zona-infantil h2{
	margin-bottom:1em;

}
#zona-infantil img{
	padding-left:12em;
}
#zona-institucional{

}
.clearfix {
    clear: both;
}
/* -------------- Colors, backgrounds, borders, links ------------- */

#home-bg1 {
    background: #fff url("../images/home1_bg.png") no-repeat top left;
}

#home-bg2 {
    background: #fff url("../images/home2_bg.png") no-repeat top left;
}

#zona-infantil {
    background: url("../images/home-infantil-bg.gif") no-repeat top left;
}

#header {
    background: transparent;
    background-image: none;
}

#zona-institucional a.enter {
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
}

h2 {
    color: #c00;
}
#noticias h2{
	font-size:2.2em;
	font-weight:normal;
	color: #000066;
}
strong {
    color: #c00;
}
#noticias dd a{
	color: #666;
}
#noticias dd.fecha{
	color:#006;
}
p.vernoticias{
	float:right;
	padding:0px 2em;
	background: url(../images/ico_mas.gif) no-repeat right;
}
p.vernoticias a{
	text-decoration:none;
}

/* ----------------------- Typographical rules -------------------- */

h1 {
    font-weight: normal;
    line-height: 1.2em;
    font-size: 170%;
}

h2 {
    font-weight: bold;
    line-height: 1em;
    font-size: 150%;
    text-transform: lowercase;
}

#zona-institucional p {
    font-size: 120%;
}

#zona-institucional a.enter {
    line-height: 150%;
}

#zona-infantil p {
    font-size: 100%;
}

strong {
    font-weight: bold;
}
#noticias dd.fecha{
	font-size:.9em;
}
p.vernoticias{
	font-weight:bold;
}
/* -------------------------------------------------------------------------- */ 
/*     CSS-based W3C Button                                                   */
/*     from <http://www.sovavsiti.cz/css/w3c_buttons.html>                    */
/* -------------------------------------------------------------------------- */ 

.w3cbutton {
    float: left;
    margin-left: 1em;
    width: 9em;
    border: 1px solid #666;
    font-family: helvetica,arial,sans-serif;
    font-size: 80%;
    font-weight: bold;
}

.w3cbutton a {
    display: block;
    width: 100%;
}

#footer .w3cbutton a,
#footer .w3cbutton a:link,
#footer .w3cbutton a:visited,
#footer .w3cbutton a:hover {
    background-color: #fc6;
    color: #000;
    text-decoration: none;
}

.w3cbutton span {
    display: inline;
}

.w3cbutton span.w3c {
    padding: 0 .4em;
    background-color: #fff;
    color: #0c479d;
}

.w3cbutton span.spec {
    padding: 0 0.6em;
}