/*********************/
/* ESTILOS GENERALES */
/*********************/
#container
{
width: 95%;
margin: 10px auto;
padding: 0 0 0 0;
background-color: #fff;
color: #333;
border: 1px solid gray;
font-family: Arial, Helvetica, sans-serif;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
text-align: center;
}

#top h1
{
padding: 0;
margin: 0;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

/* FORMATO DE FUENTES */

p {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
}

.derechosautor{
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-align: center;
}
.piefoto{
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
margin: 0;
padding:0;
text-decoration: underline;
}

/* MARGENES ESPECIALES */
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* ENLACES */
a.decor:link {color: #000000;text-decoration: none}
a.decor:visited {color: #000000;text-decoration: none}
a.decor:hover {color: #555;font-size: 105%;text-decoration: underline}

a.decorimg:link {color: #FFF;text-decoration: none}
a.decorimg:visited {color: #FFF;text-decoration: none}
a.decorimg:hover {color: #555;font-size: 105%}

/******************************/
/* ESTILOS PAGINAS A 3 PARTES */
/******************************/

#leftnav
{
float: left;
width: 160px;
height:400px;
margin: 0;
padding: 1em;
border-right: 1px solid gray;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em; 
/*max-width: 36em;*/
}

#rightnav
{
float:right;
border-left: 1px solid gray;
width: 160px;
height:400px;
margin: 0;
padding: 1em;
text-align: right;
}

/******************************/
/* ESTILOS PAGINAS A 1 PARTE  */
/* (P EJ GALERIA)             */
/******************************/


#leftnavgaleria
/* Al tener solo 1 ventana (parte) es equivalente */
/* al content de las paginas a 3 partes           */
{
float: left;
margin: 0 0 1em 0;
padding: .5em 0 0 0;
width: 100%;
/*height:300px;*/
/*padding: 1em;*/
/*border: 0px 0px 0px 0px; */
border-bottom: 0; border-top:0; border-left:0; border-right:0;
border-right: 1px solid gray;
}


#contentgaleria
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 1px;
border-right: 1px solid gray;
padding: 1em; 
/*max-width: 38em;*/
}


.listaimg {
margin: 1em 1em 0 1em;
/*padding: 0.5em;*/
padding: 0em;
border-left: 1px solid gray;
border-top: 1px solid gray;
/*border-right: 1px solid gray;
border: 1px solid gray;*/
/* margin-top: 1em;*/ 
height: 100px;
}

/* .listaleft {    <- NO SE USA?
float: left;
margin:0 0 0 0;
padding:0.5em;
width: 10%;
border:0;
/*border: 1px solid gray;
border-right: 0;
border-bottom: 0;* /
font-family: Arial, Helvetica, sans-serif;
/* font-size:relative-size; ELIMINADO - ERROR CSS VALIDATOR * /
height: 80px;
} */ 
.listaright {
float:left;
margin: 0 0 0 0;
padding:0.5em;
/*border:1px solid gray; /*************************************/
/*border-top: 1px solid gray;*/
font-family: Arial, Helvetica, sans-serif;
font-size: large;
/*width:80%;*/
height: 80px;
}

.maslistaimg {
margin: 0 0em 0 1em;
/*padding: 0.5em;*/
padding: 0em;
border-left: 1px solid gray;
/*border-right: 1px solid gray;
border: 1px solid gray;
margin-top: 1em;*/
height: 100px;
}

.maslistaleft {
float: left;
margin:0 0 0 0;
padding:0.5em;
width: 10%;
border: 0;
/*border-left: 1px solid gray;*/
font-family: Arial, Helvetica, sans-serif;
font-size: large;
height: 80px;
}

.maslistaright {
float:left;
margin: 0 0 0 0;
padding:0.5em;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
width:80%;
height: 80px;
}

.contenedor {
float:left;
margin: 0 0 0 0;
padding:0;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
width:84px;
height: 80px;
}

/********************************************/
/* ESTILOS PARA CAMPO TEXTO (sobre mi, etc) */
/********************************************/
#campotexto
{
float: left;
/*margin: 0 0 1em 2em;
/*padding: 0.5em 0 0 0;*/
width: 100%;
/*height:300px;*/
/*padding: 1em;*/
border: 1px solid gray;
/*border-right: 1px solid gray;*/
}
#altomintexto
/* Solo sirve para anyadir un alto minimo! */
{
float: right;
width: 0;
height:400px;
margin:0;
padding: 0;
border: 0;
}
#campotexto h1, #campotexto h2 { text-align:center; padding:0; }
#campotexto p { font-size:medium; margin-left:2em;margin-right:15px; text-align:justify}