/*
 * Navidad Digital CSS Document
 * Alberto Hernández, (C) 2008
 */

body {
	background: #cfe772;
	margin: 0 0 0 0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#main-frame{
	min-width: 960px;
	background: white;
	background-image: url("fondo-nieve-animada.gif");	
}

#centered-frame{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#centered-frame h1{
    font-size: xx-large;
	color: #006E2E;
	
}

#centered-frame h2{
    font-size: large;
	color: #006600;
}

#centered-frame h3{
	color: #006600;
}

/* CABECERA */

#section-title {
	clear: both;
}

#title-image{
	min-height: 150px;
	background-image: url("cabecera-sin-titulo.png");	
	background-repeat: no-repeat;
	background-position:top;
	padding-top: 10px;

}

#upper-navigation-bar {
	width: 100%;
	text-align: center;
}

#upper-navigation-bar a:hover {
	width: 400px;
    font-size: medium;
	font-weight: bold;
	color: #CC0000;
}

#upper-navigation-bar a{
	width: 400px;
    font-size: medium;
	font-weight:normal;
    text-decoration:none;
	color: #FF3333;
    text-decoration:none;
	text-align:center;
}

#upper-navigation-bar a.selected {
	font-size:large;
	font-weight:bold;
	color: #CC0000;
}

#upper-navigation-bar a.selected:hover{
	font-size:large;
}


/* CUERPO */

#section-body{
	width: 480px;
	margin: 0 0 0 0;
	font-size: medium;
	float: left;
	/*
	background-image: url("columna-navidad.png");	
	background-position:top right;
	background-repeat:repeat-y;
	*/

}

#section-body a{
	text-decoration:none;
	color:#73880A;
}

#section-body a:hover{
	font-weight:bold;
	color:#006E2E;	
}


#not-found-body{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-size: large;
	color: green;
	width: 500px;
}


/* SIDEBAR */


#sidebar{
	width: 465px;
    font-size: medium;
	position:relative;
	margin-left: 485px;
	color: #36393D;
	min-height: 300px;
	margin-top: 0px;
	margin-bottom:0px;
	text-align:left;
}

#sidebar h3{
	color: #73880A;
	font-weight: bold;
	font-size: small;
	text-transform:uppercase;
        background-color: #A3C854;
	background-image: url("degradado-sidebar.png");	
	background-position:bottom left;
	background-repeat:repeat-y;
}

#sidebar a{
	text-decoration:none;
	color:#008C00;
}

#sidebar a:hover{
	font-weight:bold;
	color:#006E2E;	
}

#firefox-hack{
 clear:both;
}

.selector-idiomas{
	background: no-repeat right url("banderas_mundo.gif");
}

/* FOOTER */

#suelo{
	min-width: 960px;
	margin-top: 0px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	background-color:#cfe772;
	background-image:url("suelo.png");
	background-position:top;
	background-repeat:repeat-x;
	clear:both;
}

#suelo a{
	font-size: large;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}

#navigation-bar {
	width: 100%;
	text-align: center;
	padding-top: 15px;
}

#navigation-bar ul, #navigation-bar li {
	list-style-type:none;
	display: inline;
}

#navigation-bar li{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	font-size:large;
	font-weight:normal;
}

#navigation-bar a:hover {
	width: 400px;
    font-size: large;
	font-weight: bold;
	color: #009900;
}

#navigation-bar a{
	width: 400px;
    font-size: large;
	font-weight:normal;
    text-decoration:none;
	color: #99CC66;
    text-decoration:none;
	text-align:center;
}

#credits{
	font-size: small;
	text-align:center;
	color: #36393D;
}

#credits a{
	font-size: small;
	text-align:center;
	color: green;
}

#credits a:hover{
	font-size: small;
	text-align:center;
	color: #003300;
}

/* VILLANCICOS */

p.estribillo {
	font-style: italic;
	font-weight:bold;
}

p.translation {
	font-size: smaller;
	color:red;
}

#letra{
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	color:#356AA0;
	/*	background-color:#cfe772; 
	background-image:url("degradado-letra.png");
	background-position:top;
	background-repeat:repeat-x;
	*/
}

#indice-villancicos{
	text-align: left;
	list-style-type:circle;
	list-style-image: url('bolita.png');
	text-decoration:none;
	font-size: large;
	padding-left: 45px;
}


#related-content{
}

h3.section-description{
	color: #73880A;
	font-weight: bold;
	font-size: small;
	text-transform:uppercase;
	text-align: center;	
}

.resource-info{
	font-size: small;
	color: #3F4C6B;
}

/* RECETAS */

#receta{
	text-align: left;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	color:#356AA0;
	/*	background-color:#cfe772; 
	background-image:url("degradado-letra.png");
	background-position:top;
	background-repeat:repeat-x;
	*/
}

#ingredientes{
    border: 1px solid #73880A;
	background-color: #F9F7ED;
	color: #3F4C6B;
}

#indice-recetas{
	text-align: left;
	list-style-type:circle;
	list-style-image: url('bolita.png');
	text-decoration:none;
	font-size: large;
}

#indice-recetas h3{
	color: #D01F3C;
	font-weight: bold;
	font-size: medium;
	text-transform:uppercase;
	text-align: center;
}

/* DOCUMENTOS */

#documento{
	width: 640px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: medium;
	float: none;
	border: 1px solid #73880A;
	background-color: #F9F7ED;
        padding: 0px 5px 20px 20px;
	/*
	background-image: url("columna-navidad.png");	
	background-position:top right;
	background-repeat:repeat-y;
	*/
}


#documento a{
	text-decoration:none;
	color:#73880A;
}

#documento a:hover{
	font-weight:bold;
	color:#006E2E;	
}

#documento h1{
 font-size: x-large;
}

#documento h2{
 font-size: large;
}


#document-related{
	margin-right: auto;
	margin-left: auto;
	width: 640px;
    font-size: medium;
	color: #36393D;
	text-align:left;
}

#document-related h3{
	color: #73880A;
	font-weight: bold;
	font-size: small;
	text-transform:uppercase;
    background-color: #A3C854;
	background-image: url("degradado-sidebar.png");	
	background-position:bottom left;
	background-repeat:repeat-y;
}

#document-related a{
	text-decoration:none;
	color:#008C00;
}

#document-related a:hover{
	font-weight:bold;
	color:#006E2E;	
}

.imagen{
	text-align: center;
}

.imagen img{
	border: 2px solid #C0C0FF;
}

.imagen p{
	color: #404040;
	font-size: 12px;
	font-family: Georgia;
	font-weight: bold;
}

.foto-reportaje{
	border: 4px solid green;
	background: white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	text-align: center;
}

/* SMS */

#indice-sms{
	text-align: left;
	list-style-type:circle;
	list-style-image: url('bolita.png');
	text-decoration:none;
	font-size: large;
}

#indice-sms h3{
	color: #D01F3C;
	font-weight: bold;
	font-size: medium;
	text-transform:uppercase;
	text-align: center;
}

.sms{
 color: green;
 font-size: small;
 width: 150px;
 background-color: #F9F7ED;
 border: 1px solid #6BBA70;
 margin-top: 10px;
 padding-left: 5px;
 padding-right: 5px;
 float:left;
 overflow: hidden;

}


.sms-verde{
    width: 160px;
	height: 210px;
	color: #36393D;
	font-size: small;
	background-image: url("etiquetas/verde190.jpg");
	background-position:top left;
	background-repeat:no-repeat;
    padding: 30px 10px 10px 10px;
	float: left;
	margin-left: 25px;
}

/* ENLACES */

#indice-enlaces{
	text-align: left;
	list-style-type:circle;
	list-style-image: url('bolita.png');
	text-decoration:none;
	font-size: large;
}

#indice-enlaces h3{
	color: #D01F3C;
	font-weight: bold;
	font-size: medium;
	text-transform:uppercase;
}

.enlace-externo{
 min-height: 80px;
 font-size: small;
 padding-left: 120px;
 background-position: top left; 
 background-repeat: no-repeat;

}

.enlace-externo a{
 font-weight: bold;
}

.url-externa{
 font-size: small;
 color: gray;
}

/* FORMULARIOS */

#login-form{
	border: 1px solid #008C00;
    text-align: left;
   	line-height: 200%;
	font-weight: bold;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px 10px 10px;
	color: #006E2E;
}


#new-user-form{


}

#form-error{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background-color:#FF0000;
	border: 1px solid #990000;
	color:#FFFFFF;
	font-size: medium;
	text-align: left;
}

.form-comment{
	font-style:italic;
	font-size: small;
	font-weight: normal;
	color: #3F4C6B;
}


/* ALBUM DE FOTOS */

#foto-album{
	text-align: center;

}

.foto-description{
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
	font-size: small;
	width: 500px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-color: #EEEEEE;
	color: #3F4C6B;
}

.foto-entry a{
	text-decoration: none;
}

.foto-entry{
    text-align: center;
    font-size: small;
    width: 200px;
    height: 180px;
    margin-bottom: 20px;
    margin-left: 20px;
    float:left;
    border: solid 2px #EEEEEE;
}

.foto-entry:hover{
    border: solid 2px #C3D9FF;
}


.foto-title{
 padding: 10px 10px 10px 10px;
}

.foto-title a{
   color: #36393D;
   text-decoration: none;
}

.foto-thumb{
	margin-right: auto;
	margin-left: auto;
	width:100px;
	height:100px;		
	background-position: bottom center; 
	background-repeat: no-repeat;
}

.foto-info{
	font-size: x-small;
    color: #356AA0;
}

.enlace-album-padre a{
   font-size: small;
   color: #B02B2C;
   text-decoration: none;
   font-weight: bold;
   background: #F9F7ED;
   padding: 4px 4px 4px 4px;
   border-right: 1px solid #73880A;
   border-bottom: 1px solid #73880A;
}

.enlace-album-padre a:hover{
     color: white;
     background: #006E2E;
}






.fotos-seccion{
padding: 10px 10px 0px 10px;
width: 650px;
position: relative;
text-align:left;
height: 150px;
margin-left: 140px;
margin-top: 10px;
border: 1px solid white;
}

.fotos-seccion:hover{
background-color: #EEEEEE;
border: 1px solid #6BBA70;
}

.fotos-seccion-desc{
position: absolute;
top: 0px;
left: 180px;
font-size: small;
color: #356AA0;
}

.fotos-seccion-contador{
font-size: large;
}


.foto-selector{
    width: 800px;
	min-height: 110px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	float:none;

}

.foto-browse{
	width: 100px;
	height: 100px;	
	float:left;
	border: 2px solid white;	
        margin: 2px 2px 2px 2px;

}

.foto-browse:hover{
	border: 2px solid #CDEB8B;		
}


.foto-browse-actual{
	width: 100px;
	height: 100px;	
	float:left;
	border: 2px solid #D01F3C;
        margin: 2px 2px 2px 2px;
}


/* PORTADA */

#p-img-noel-1{
	background-image:  url(./portada/noel-1.gif);
	background-repeat: no-repeat;
	background-position: 270px 210px;
}

#p-img-noel-2{
	background-image:  url(./portada/noel-2.gif);
	background-repeat: no-repeat;
	background-position: 320px 210px;
}

#p-img-belen{
	background-image:  url(./portada/belen.jpg);
	background-repeat: no-repeat;
	background-position: 290px 20px;
}

#p-img-arbol{
	background-image:  url(./portada/arbol.gif);
	background-repeat: no-repeat;
	background-position: 200px 30px;
}

#p-img-estrella{
	background-image:  url(./portada/estrellita.gif);
	background-repeat: no-repeat;
	background-position: 263px 22px;
}


#portada-secciones{
	min-height: 340px;
	margin-right: 100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
        font-size: x-large;
	color:#3F4C6B;
        text-align: right;
        line-height: 40px;

}

#portada-secciones a{
	font-family:Georgia, "Times New Roman", Times, serif;
        text-decoration: none;
	color:#006E2E;
}

#portada-secciones a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
    color: #CC0000;
	font-size: xx-large;

}


.portada-contador{
        font-size: xx-large;
	color:#73880A;


}

#portada-aniversario{
        border: 1px solid #CDEB8B;
        padding: 10px 10px 10px 10px;
        text-align: left;
	width: 770px;
	margin-left:auto;
	margin-right:auto;
	font-size:small;
	color: #36393D;
}