/* Page-level */

body{
    background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
    margin: 0;
    font-family: 'Lucida sans', Arial, Helvetica;
    font-size: small;
}
	
#page { 
	width:1000px;
	background:white; 
	border:1px solid black; 
	margin:auto;
	padding:0;
	min-height: 700px;
	}

/* Clear floats */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix{
  *zoom: 1;
}
	
/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address { display:block; }

/* Sections */
header, footer { width:100%; clear:both; }

header { 
	/*padding: 10px 0; */
	/*background-color: #3D697C; /*#4c2626;*/
    background/*-image*/: url('../img/cabecera.png') no-repeat;/* linear-gradient(top, #6f3736, #4c2626);  */
    box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;	
	min-height: 75px;
	}

header hgroup{
    margin: 0 auto;
    /*width: 960px;            */
}

header img {
	float:left;
	border:0;
}
	
header h1{
    margin: 0;
    font: 25px/1 'Pontano Sans', sans-serif; 
    float: left;
    text-shadow: 0 1px 0 rgba(0,0,0,.9); 
	text-align:left	;
	padding-left:30px;
	width: 500px;
}

header h2{
    color: white;
    margin: 0;
    float: left;
    font: italic normal 15px/25px Arial, Helvetica;
	text-shadow: 0 1px 0 rgba(0,0,0,.9);  
	padding-left:30px;
}

header a{
    color: #eee;
    text-decoration: none;
	
}

header a span{
    color: white;/*#d2a4a4;*/
	padding-left: 1em;
}
	
nav { 
	/*position:fixed;*/
	float:left; 
	width:210px; 
	margin:20px;
	}
	
nav ul { 
	list-style:none; 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	font-size:1.6em; 
	font-weight:bold; 
	} 
nav ul li { 
	margin:5px;  

	}
	
/* Navigation menu */
/* Vertical menu */

#menu li{
  margin: 0 0 3px 0;             
}

#menu a{
  display: block;
  *display: inline-block;
  *width: 240px;
  text-decoration: none;	            
  background: #ddd;
  color: #444;	
  padding: 10px 5px;
  text-transform: uppercase;
  font: bold 12px Arial,Helvetica;          
  border-radius:5px;
  box-shadow: 0 1px 0 #ccc;   
}

#menu a:hover{
    /*color: #eee;
    background: #9c9c9c;
    background: linear-gradient(top, #bbb, #999);          */
}

#menu .expandable{
    position: relative; 
}

#menu .expandable:before,
#menu .expandable:after{
  content: '';
  position: absolute;
  right: 5px;
  margin-top: 5px;
  border-top: 6px solid #444;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;          
}

#menu .expandable:before{
   border-top-color: #fff;
   margin-top: 6px;
}

#menu .expanded:after{
  border-top: 0;
  border-bottom: 6px solid #444;       
}

#menu .expanded:before{
    border-top: 0;
    border-bottom: 6px solid #fff;               
}

#menu ul a{
    background: #f2f2f2;
    text-transform: none;
    font-weight: normal;            
}

#menu ul a:hover{
    background: #fafafa;
    color: #444;
}   

#menu .current {
	text-decoration: underline;
} 

#posts {
	width:700px; 
	margin:20px 10px 10px 260px; 
	}
	
footer{
    text-align: right;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0;
	}

/* Content */
h1 { font-size: 4.5em; }
h2 { font-size: 2.0em; margin:0; }
h3 { font-size: 1.4em; margin:0; }
p { font-size: 1.0em; }

article { 
	border-bottom: 1px dashed gray; 
	margin-bottom: 20px; 
	}


	
article p  {
	padding-left:10px; 
	padding-right:10px; 
	} 


article a img.gallery {
	border-style: solid;
    border-width: 1px;
	border-color:black;
    margin: 9px;
    padding: 2px;
	float:left;
	width:30%;
}