/* ********************** CSS CasadeLatinoamerica ------------------------------- WunderBit. 
------------------------- Borja Leza, Fernando Macias. Berlin 2009 -------------------------------*****************************/
body{ 
color: #000000; 
font-family: verdana; 
font-weight: lighter; 
font-stretch: expanded; 
background-color: #ffffff; 
text-align: justify; 
margin: 0 auto; 
padding: 0; 
link: #ff7500;
/*width: 1005px;*/
width:100%;
height:100%;
}
h1{ 
color: #e38000; 
font-size: 22pt; 
font-family: verdana; 
font-weight: bold; 
border-bottom: 1px solid #8b0000;
margin-bottom: 30px;
}

h3  { 
color: black; 
font-size: 12pt; 
font-family: verdana; 
font-weight: bold;
margin-top: 40px;
color: #505050;
}
a.alink	 {  /* <que no se como hacer para que funcione> */
color: #ff7500!important;
}

li{ 
list-style-image:url(listitem.gif);
}

.error	 {
color: yellow;
font-weight: bold;
}



/* ------------------------------- TABLE.MAIN -------------------------------- */

table.main{
width: 1005px;
/*width: 100%;*/
height: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
/* ---------------- FRONT ---------------- */
td.front{
height:120px;
background-image:url(cabecera2.jpg);
background-repeat:no-repeat;
text-align:right;
}

#CONTlengua{ 
/*visibility: visible;*/ 
/*position:relative;*/
/*top:10px;*/ 
/*right:0px;*/
/*float: right;*/
/*height:15px;*/  
/*padding-top: 60px;
//padding-left: 840px;  el Explorer5 parece que no admite el atributo "float" dentro de un td, así que he añadido: "//" delante del atributo padding-left para quelo lea 
-------------------------------------------- */
//padding-top: 75px;
padding-right: 10px;
}

.spreche		{ 
color: #ffffff; 
font-size: 12px; 
font-weight: normal; 
font-stretch: extra-expanded; 
text-decoration: none; 
}

/* ------------------ BAND ---------------- */

td.band{
height: 20px;
background-image:url(franja.jpg);
background-repeat:no-repeat;
text-align:right;
}

/* ------------------ MENU ---------------- */


.TDmenu{
width:200px;
background-image:url(..//css/trama3_c.JPG);
/*url(..//css/trama3.jpg);*/
/*background-repeat:repeat;*/ 
padding-top:20px; 
padding-right:10px; 
padding-left:36px; 
vertical-align:top; 
line-height:15px;
text-align:left;
}

a.menu   {
color: black; 
font-size: 13px; 
font-weight: bold; 
text-decoration: none;
}

a.menu:hover   {
color: #ff7500;
text-decoration: underline
}

a.submenu    { 
color: #5c5c5c; 
font-size: 13px; 
font-weight: normal;
text-decoration: none; 
padding-left: 15px;
line-height: 14px 
}

a.submenu:hover   {
color: #ff7500;
text-decoration: underline
}

a.submenu:activ  /* otro intento nulo de conseguir que el link activo se vea en naranja */ {
color: #ff7500;
}
a.idioma{ 
color:#333333;
font-size:15px; 
font-weight:bolder;
text-decoration:none; 
/*padding-left:15px;*/
/*line-height:14px;*/
/*border-color:#fce099;
border-width:px;
border-style:solid;*/ 
}

a.idioma:hover {
color: #000000;/*
border-color:#fce099;
border-width:thin;
border-style:inset;*/ 

/*text-decoration:underline;*/
}
a.idioma:activ  /* otro intento nulo de conseguir que el link activo se vea en naranja */ {
color:#000000;
}

/* 
br.spacing	{
line-height: 2px
}

 ------------------------------------------- 
no se si se podra dar atributos a <br> para poder
manejar el interlineado a mi antojo. 
¿hay alguna manera de hacerlo?
-------------------------------------------- */


/* ---------------- CONTENT ---------------- */
td.content		  { 
background-color: #ffffff; 
padding-left: 40px; 
padding-right: 20px; 
vertical-align: top;
height:780px;
/*width:100%; */
}
/* ----------------------------------------- 
3 new layers in <td.content>:
- #CONTdate
- #CONTphotos 
- #CONTvisits 
-------------------------------------------- */
#CONTdate{ 
/*visibility: visible;*/ 
position: inherit; 
top: 0; width: 100%; 
height: 60px; 
float:right;
}

.title_date{ 
color:#FF6600; 
font-size:10pt; 
font-style:italic; 
font-weight: normal; 
font-stretch:extra-condensed; 
text-decoration:none; 
text-align:right;
}

#CONTphotos{ 
visibility:visible; 
padding-bottom: 50px 
}

table.txts{ 
visibility: visible;
border: 10px 
}

.galeria{ 
color: #666666; 
font-size: 16pt; 
font-weight: normal; 
font-stretch: expanded;
margin-bottom: 50px; 
width: inherit; 
border-width: 1px; 
border-color: #666666;
padding-bottom:10px;
}

.galeria img	{
margin-left:10px;
margin-top:5px;
}

/* --------------------------------------
#CONTwlink es una gif blanco que hace referencia a www.wunderbit.com
----------------------------------------- */

#CONTwundlink	{ 
vertical-align: bottom; 
float: left;
padding-botton: 0px; 
height: 5px
}

a.wundlink 		{ 
color: #ffffff;
}

#CONvisits	 { 
vertical-align: bottom;
float: right; 
padding-botton: 0px;
padding-right: 0px; 
text-decoration: none
} 

td.small		{ 
color: #FF6600; 
font-size: 8pt; 
font-style: italic;
vertical-align: super;
font-stretch: extra-condensed; 
text-decoration: none;
text-align: left;
padding-top: 45px;
margin-right: 10px
}

.small		{ 
color: #FF6600; 
font-size: 8pt; 
font-style: italic;
font-stretch: extra-condensed; 
text-decoration: none;
text-align: right
}

/* -------------------------- FOOT --------------------------- */

td.foot{
color: #ffffff;
height: 70px;
background-image:url(pie2.jpg);
background-repeat:no-repeat;
text-align: center
}

a.pie {
color: #ffffff
}

a.pie:hover {
color: #ff5a00;
text-decoration: underline;
}