* {
	padding: 0;
	margin: 0;
	border: 0px none;
}
body{
	font: 76% Verdana, Helvetica, sans-serif;
	text-align:center;
	color: #555;
	font-size: 76%;
	word-wrap: break-word;
}
h1 {
	height: 247px;
	width: 650px;
	margin: 0 auto;
	background-image: url(diseno/cabezal.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: normal;
	color: #666666;
	text-indent: -3000px;
}
h2 {
	font-weight: normal;
	padding:5px;
	width: 30%;
	margin: 20px auto 0;
	border-right: 1px solid #996600;
	border-left: 1px solid #996600;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #996600;
	font-size: 2em;
}
a {
	text-decoration: none;
}
#contenedor h2 a:hover {
	color: #996600;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #996600;
}
.section a:hover {
	color: #996600;
}
#contenedor {
	padding-top: 10px;
	text-align:center;
	background-image: url(diseno/fondo.gif);
	background-repeat: repeat-y;
	width: 100%;
	background-position: center;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

/* misc
----------------------------------------------- */
.section { 
	width:612px;
	margin: 0 auto;
	border-top: 1px solid #996600;
	border-right: 1px solid #996600;
	border-left: 1px solid #996600;
}

p {
	padding-top:5px;
	color: #996600;
}
.thumbnail{
	padding: 7px;
	border: 1px solid #ddd;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	height:100%;
	overflow:hidden
}	

.caption{
	font-size: 0.9em;
	padding: 0.3em;
	display:block;
}
.section li {
	padding:5px 0px 5px 0px;
	display:inline;
	float:left;
	width:204px;
	height:200px;
	text-align:left;
}
.photo{
    border:1px solid black;
    padding:5px;
    margin:5px;
    background-color:#ffffff;
}
.container {
	width: 610px;
	margin: 0 auto;
	text-align:center;
	font-size: 1em; 
	padding:20px 5px 15px 5px;
}
#navSquare {
	margin: 0;
	padding: 0 0 6px 0px;
	border-bottom: 1px solid #996600;
	word-spacing: 1em;
}
#navSquare li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-align: center;
}
#navSquare a:link, #navSquare a:visited {
     padding: 0 12px 6px 12px;
     text-decoration: none;
}
#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
     color: #996600;
     background: url(diseno/square.gif) no-repeat bottom center;
}
.clear {clear:both;}