#tl { background: url('p-tl.png') no-repeat right top;
width:40px; }
#tm { background-image: url('p-tm.png'); 
background-repeat: repeat-x; }
#tr { background: url('p-tr.png') no-repeat left top;width:40px; }
#tb { background-image: url('p-b.png'); background-repeat:}
#bl { background: url('p-bl.png') no-repeat right top;width:40px; }
#bm { background: url('p-bm.png') repeat-x right top;}
#br { background: url('p-br.png') no-repeat left top;width:40px; }

#header { padding:25px; background-image: url(toppan.png); background-repeat: repeat-y; text-align:left; }
#left { background: url('p-l.png') repeat-y right 50%;width:12px;}
#right { background: url('p-r.png') repeat-y left 50%;width:12px;}
#maincontent { background-image: url('mainbg.png'); 
text-align:center; }
#maincontent p {text-align: center;	margin-top: 0;}
#infoimagen {margin-left:auto;margin-right:auto;width:830px;}
#btninfo {
	cursor:pointer
}
#footer { position:relative; height:80px; padding:10px; margin:0px; overflow:hidden; background-image: url('footer.png'); 
text-align:center; }
.thumb { color:#ddd; text-align:center; font-size:11px; }
.thumb-b { background-image: url('b.png'); 
text-align:center; }
.thumb-bl { background-image: url('bl.png'); 
background-position:right top; 
background-repeat: no-repeat; }
.thumb-tl { background-image: url('tl.png'); 
background-position:right bottom; 
background-repeat: no-repeat; }
.thumb-br { background-image: url('br.png'); 
background-position:left top; 
background-repeat: no-repeat; }
.thumb-tr { background-image: url('tr.png'); 
background-position:left bottom; 
background-repeat: no-repeat; }
.thumbnail img { background-color:#fff; border:1px #ccc solid; }
.thumbnail img:hover { background-color:#ddd; border-style:solid; border-width:1px; border-color:#4A6F1E; opacity: .5; filter: alpha(opacity=50); -khtml-opacity:50; }

body { font-family:Georgia,Palatino,Times,serif; font-size:12px; text-align:left; background-color:#333; }

img {border-width:0px;}

.caption { font-size:12px; color:#ccc; }

	

.photocaption {
	padding: 6px 0px 0px 0px;
	font-size: 12px;
	color: #BBBBBB;
	margin: 0px;
	text-align: center;
}
.title { color:#fff; font-size:30px;text-align:left; }
.title a { text-decoration:none; color:#ccc; }
.title a:hover { color:#fff; text-decoration:underline;}

.comment { color:#7B7958; font-size:15px; letter-spacing:0; }
.credit { color:#999; font-size:11px; margin:100px,0px; }
.credit a { color:#999;text-decoration:none; }
.credit a:hover { color:#ccc; text-decoration:underline; }
.nav { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#ccc; }
.nav a { text-decoration:none; color:#ccc; }
.nav a:hover { color:#fff; text-decoration:underline;}

 a.imgPrincipal:hover img{ filter:alpha(opacity=100) ; opacity:1; -moz-opacity:1; } 
 
 a:hover img{ filter:alpha(opacity=70) ; opacity:0.7; -moz-opacity:0.7; } 

.info {
	color: #ccc;
	text-align: left;
	display:none;
}
div.info {
	width: 160px;
    vertical-align: middle;
    border-right: 1px solid #add;
    border-bottom: none;
    margin: 0 10px 0 0;
    padding: 5px;
	float: left;
}

div.info h3, td.info h4 {
    font-weight: bold;
    font-size: 1.3em;
    margin: 6px 0 3px 0;
    padding: 0 0 3px 0;
}

div.info p {
	font-size: 10px;
	line-height: 1.4;
	margin: 0 8px 0 0;
	padding: 0;
}

div.info ul {
    font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
    font-size: 10px;
    padding: 0;
    margin: 0 0 20px 0;
}

div.info ul li {
    display: block;
    border-bottom: 1px solid #add;
    font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
    font-size: 10px;
    line-height: 1.6;
    padding: 5px;
    margin: 0;
}

#controlbar{
	padding: 0 0 0 5px;
	margin-bottom: 6px;
	color: #999;
	height: 32px;
	text-align: left;
	line-height: 32px;
}

#controlbar img { vertical-align:middle; }

#controlbar a {
	color:#999;
	background:none;
}

#controlbar a:hover { color:#fff; }