/* 
Proyecto: Yo, de BIlbao

========= DEFINICIONES GENERALES ===========
			   
===== Medidas relativas ==========
	10px ----- 1 em 
	1px -------0.10 em  
===== Layout =====================

1. Body
        2. #cabecera
        3. #contenedor
			
=== ESQUEMA CSS====================

	=Global
	=Estructura
		=Cabecera
		=Contenedor
/* 
=Global ----------------------------------------------------------------------------------------------*/
body{
	font-size:62.5%;
	font-family:"Arial",Verdana, Helvetica, sans-serif;
	background-color:#354365;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.inv { display:none;}
h1 { font-size:80%; color:#333333;text-indent:-9999em; margin:0; padding:0; width:70%; line-height:1em; }
#idiomas { position:relative; float:right}
#idiomas ul { float:right; width:12em; display:block; position:relative; margin-bottom:0.1em;}
#idiomas ul li { display:inline; color:#292929; font-size:110%; border-right:dotted 0.1em #ccc; padding:0 0.5em 0 0.3em;}
#idiomas ul li.ultimo { border-right:none; padding-left:0.5em;}
#idiomas ul li a:link, #idiomas ul li a:visited  { color:#666666;text-decoration:none; font-size:100%;}
#idiomas ul li a:hover, #idiomas ul li a:active, #idiomas ul li a:focus { color:#666666;text-decoration:underline; font-size:100%;}


 
/*
= Estructura ---------------------------------------------------------------------------------*/
#webcontainer { width:78em; height:54em; position:relative; margin:0 auto;}
/* 
=Cabecera ----------------------------------------------------------------*/
#cabecera { position:relative; float:left;}
/* 
=Contenedor ----------------------------------------------------------------*/
#contenedor { position:relative; float:left;}
#content { z-index:1; float:left; position:absolute; top:40.8em; left:5.3em; width:16em;}
#content p { font-size:120%; font-weight:bold; text-align:center; line-height:1.5em;}
/*
=Pie -------------------------------------------------------*/
#pie { position:relative; float:left; text-align:center; width:78em;}
#pie p { font-size:110%; color:#666666;}
#pie p a:link, #pie p a:visited { color:#c70000; font-weight:bold; text-decoration:none;}
#pie p a:hover, #pie p a:active, #pie p a:focus { text-decoration:underline;}


