*
{
padding:0;
margin:0;
box-sizing:border-box;
}
body
{
font-family: Arial, Verdana, sans-serif; 
line-height:1.5em;
color:white;

}
body, html
{
height:100%;
min-height:100%;	
}
#divTitulo
{
 background-image:url("fondoTitulo.gif"); 
text-align:center;
font-size:36px;
line-height:36px;
padding:32px 0;  /*O ALTO FINAL SERÁ DE 100px  */
}
#titEsq
{
font-family:Tahoma,Arial;
position:absolute;
top:0;
left:0;
font-size:52px;
line-height:52px;
padding:24px 30px;
}
#rss
{
position:absolute;
background-image:url("bicicleta-antigaPeq.jpg");
width:141px;
height:100px;
top:0;
right:0;
z-index:100;
}
h2
{
margin-bottom:20px;
}
#contenedor
{
display:flex;	
min-height: calc(100% - 146px);  /*OLLO: OS ESPAZOS SON NECESARIOS ARREDOR DO SIGNO '-' !!  */
}
#divMenu
{
flex:1;
margin-top:10px;
}
.subra
{
text-decoration:underline;
}
#contido
{
flex:4;
padding:40px;
margin:10px;

background-color:#ef6224;
color:white;
font-size:1.5em;
line-height:1.5em;
min-height:calc(100% - 10px);
}
#contidoInternamente
{
flex:5;
padding:40px;
margin-top:10px;
margin-right:10px;
background-color:#ef6224;
color:white;
font-size:1.5em;
line-height:1.5em;
margin-bottom:10px;
}
#dereita
{
flex:1;
order:3;
margin:10px 10px 10px 0;
border-style:solid;
border-color:black;
border-width:1px;
background-color:#19568F;
font-size:1.3em;
line-height:1.5em; 
padding:13px 10px;
}
#derfotos
{
flex:1;
order:3;
margin:10px 10px 10px 0;
margin-top:10px; 
padding:0 10px;
height:100%;
}
#caras
{
display:block;
width:150px;
margin:0 auto;
padding-top:40px;
}

/*AGORA O MENU*/
#menu
{
list-style-type:none;
}
#menu li 
{
position:relative;
color:#434c55;
}
#menu li a
{
display:block;
width:180px;
padding:7px 10px;
background-color:#eee;
color:#434c55;
border-color:white;
border-style:solid;
border-width:1px;
text-decoration:none;
text-align:center;
font-size:0.8em;
font-family:Verdana;
font-weight:bold;
}
#menu li ul
{
list-style-type:none;
display:none;
margin:0;
}
#menu li ul li
{
padding-left:0;
width:202px;
}
ul li ul
{
margin-left:50px;
margin-top:20px;
list-style-type:square;
list-style-position:inside;
width:400px;
}
li ul li 
{
background-color:#19568F;
padding-left:20px;
}
.amarelo
{
color:yellow;
margin-left:30px;
}
.cursiva
{
font-style:italic;
}
#menu li a:hover
{
background-color: #CCE1F4;
color:#093761;
}
#menu li:hover ul
{
display:block;
position:absolute;
top:0;
left:202px;
}


footer
{
font-family:Tahoma;
background-color:#434c55;
color:white;
font-size:12px;
line-height:46px;
text-align:center;
height:46px;
z-index:60;
}
@media all and (max-width: 1000px) {
	#dereita,#derfotos, #rss  /*OS ELEMENTOS DA DEREITA NON SE AMOSAN */
	{
	display:none;  	
	}
	#divTitulo
	{
	text-align:right;
	padding-right:10px;
	}
}
@media all and (max-width: 600px) {   
   #divTitulo
   {
		text-align:center;
		height:35px;
		font:22px bold;
		line-height:35px;
		
		padding:0;
   }
   #titEsq
   {
	   display:none; /*QUITAMOS O 'CSS' DA ESQUERDA */
   } 
   #contido, #contidoInternamente
   {
	   font-size:16px;
   }
   #contenedor {
      flex-flow: column;
   }
   ul li ul
   {
	 width:calc(100% - 20px);
   }
   #menu
   {
		width:200px;
		margin:0 auto;
   }
}