@font-face {
  font-family: "Benjamin";
  src: url("BenjaminRegular.ttf") format("truetype");
}





/* Secciones */



#contenedor { 
width:100%;
clear:both;
font:95% Garamond;
margin:0; 
text-align:center;
min-height:100%; 
margin-bottom: 3rem;
position: static;
top: 0;
}


#logo {
    width: 30%;
    height: 20%;
    float: left;
	text-align:right;
	font-family: Benjamin;
	font-weight:bold;

	}


#cabecera-derecha {
    float: right;
    height:20%;
    width: 70%;
    margin-right: 0.5%;
    text-align: center;
    font-family: Benjamin;
    font-weight:bold;


}

#nav .menu, #nav .submenu, #nav .item, #nav .subitem {
	list-style-type: none;
	text-decoration: none;

}

#nav a, #nav a:hover, #nav a:focus, #nav a:active {
      text-decoration: none;
      color: inherit;

 }

#nav{
font-family: Arial, sans-serif;
width: 30%;
height: 100%;
text-align:right;
float:left;
top: 35%;
border-right: 0.2em solid black;
margin-top: 2em;
padding-bottom: 2.5rem;

}

.benjamin {
font-family: benjamin;
font-weight:bold;
}

.menu { 
padding-bottom: 2.5rem;
}

.item {
font-size:1.5em;
display:block;
margin: 0.5rem;
padding: 0.5rem 1rem 1rem 0.5rem;
font-family: benjamin;
font-weight:bold;
}

.submenu {
margin: 0rem;
padding: 0.5rem 0rem 0.5rem 0.5rem;
}


.subitem { 
display:block;
font-family:  Helvetica, sans-serif;
padding: 0rem 0rem 1rem 0.rem;
border:0;
text-transform:uppercase;
text-align: right;
font-weight:bold;
font-size:0.8rem;
text-decoration:none;
color:#93A871;
}


#nav .active .item {
	display: block;
}

#nav .submenu-active .submenu {
	display: block;
}

/*
.submenu {
	display: none;
}
*/
/*

#menu li a.indice:focus{
padding:0 2px 0 0;
border:0;
background-position:-100px;
padding-bottom: 2.5rem;
}
*/



#contenido{
/* width when added with linkList width is 17px short of total site width creating a natural margin in the center */
width:60%;
float:right;
margin-right: 5%;
padding-bottom: 2.5rem;
font-family: Garamond; 
}

#bibliografia { 
display:block;
width:60%;
float:right;
clear:right;
text-transform:uppercase;
text-decoration:none;
padding-bottom: 2.5rem;

}

#pie 
{
clear: both;
height: 3rem;
position: static;
bottom: 0;
width: 100%;
}



.toggle {
	display: none;
}




/*
titulo {
width:30%;
float:right;
clear:right;
margin:0 0 0 0;
}
 
*/

                    

/* HEADINGS */

/* h3 code: Hide headings from visual display (still visible to screen readers) and replace with images - first read about this at hicksdesign.co.uk */

h1
{
font-family:Benjamin;
font-weight:bold;
font-size:xx-large;
padding:2rem;
}


h2
{
font-weight:bold;
font-size:large;
padding: 2rem 0 2rem 0;
text-align:left;
}

h3
{
font-family:Benjamin;
font-weight:bold;
font-size:large;
padding:20;
}

h4{
width:40%;
height:2%;
margin:5px 0 5px 0;
padding:0;
text-indent:-10000px;
}

p {
  text-align: justify;
   margin-top: 1rem;
font-size:1.2em;
line-height:1.5em;
}

  
.
/* CLASSES */

.p2 {
font-family: Helvetica;
font-size:40em;

}

.page-wrapper { 

width:100%;
text-align:left;
padding:0;  
margin:0 auto; 
}

/




.p class

/* Something shaky going on in IE6 with the background images, border-left stops it shaking 

padding:40px 0 0 0;
margin: 10px 20px 0 0;
}        
*/
.center{
 margin-left: auto;
  margin-right: auto;
}

.bibliografia { 
display:block;
width:60%;
float:right;
clear:right;
text-transform:uppercase;
text-decoration:none;
}


.mini {
	display: none;
}

/* CSS3, "media queries" desde mediados de 2009*/
/* @media all and (min-width:[ANCHO X]px) and (max-width:[ANCHO Y]px) {} */
@media all and (max-width: 600px) {

#nav {
	padding: 0px;
	background-color: #ffffff;
	display: block;
	width: 90%;
	text-align: left;
	overflow: auto;
	}

#nav .menu {
	font-size: medium;
	height: 100%;
	display: block;
	width: 90%;
	text-align: left;
	overflow: auto;
	background: #ffffff;
	position: relative;
	padding: 0 0 0 0.3rem;
}

#nav .item {
	display: none;
	width: 100%;
	background: #ffffff;
	position: relative;
}
/*
#nav .item::before {
	content: "\00a0\00a0";
	white-space: pre;
}
*/

#nav .submenu {
	width: calc(90% - 1em);
	text-align: left;
	display: none;
}

#nav .subitem {
	text-align: left;
}

.toggle {
	display: block;
	position: relative;
	font-size: xx-large;
}

.mini {
	display: inline;
}
/*
.toggle {
	display: inline-block;
	padding: 0px 10px;
	border-radius: 3rem;
	background-color: #ffe495;
}
*/

.toggle .active {
	display: none;
}
#contenido{
	width: 90%;
}

#pie{
	width: 90%;
}

}