/****************************************
 * Global
 ****************************************/
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: #1e1e1e;
	color: #cfcfcf;
	font-size: 11px;
	font-family: "gill sans", verdana, sans-serif;
}

a:link, a:active, a:visited {
	color: #888;
	text-decoration: none;
	text-transform: lowercase;
}

a img {
   color: #fff;
   border: 0px;
}

a:hover {
	color: #fff;
}

h2 {
   color: #777;
}

h3 { font-size: 1.2em; color: #aaa;  margin-top: 0; padding-right: 10px; }

/****************************************
 * Layout
 ****************************************/
#container {
   position: absolute;
   top: 0;
   left: 0;
}

#wrapper {
	margin: 0;
	padding: 0;
}

#wrapper, #photos {
   padding: 1px;
}

#header {
   float: right;
   font-size: .95em;
}

#leftcontent {
	width:150px; 
	float:left;
	padding:4px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#centercontent { 	
	position: absolute;
	top:0;
	left:155px;
	padding:4px;
}

#rightcontent {
    top:0;
	float: right;
    padding:4px;
}

#derecha {
	position: absolute;
	top:10px;
	left:600px;
    padding:4px;
}


#footer {
	position: fixed;	
	clear: both;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 45px;
	text-align: center;
	color: #777;
	font-size: .9em;	
	overflow: hidden;
}

/****************************************
 * Header
 ****************************************/
#header_title {
   float: left;
}

#header_menu {
   float: right;
   font-size: .95em;
   padding: 0px 0px 3px 0px;
}

#header_menu a {
   padding: 0px 0px 0px 3px;
}


/****************************************
 * Photo page
 ****************************************/
.photo {
   max-width: 740px;
}

/****************************************
 * Thumbnails
 ****************************************/
.thumbnail {
   padding: 2px;
   margin: 1px;
   background: #fff;
}

#thumbnail_container {
   background: #444;
   width: 730px;
   padding: 10px;
}

  
/****************************************
 * Pages
 ****************************************/
#page_header {
   background: #333;
   padding: 10px;
   width: 755px;
}

#page_title {
   font-size: 18pt;
   text-transform: lowercase;
   font-family: "Verdana";
}

#page_nav {
   padding: 5px;
}

#page {
   background: #fff;
   padding: 15px;
   width: 745px;
   text-align: center;
}

#page2{
   background: #444;
   padding: 15px;
   width: 745px;
   text-align: center;
}

#page_meta, #page_meta a{
   color: #999;
   clear: both;
   white-space: nowrap;
   width: 775px;
}

 
/****************************************
 * Comments
 ****************************************/
#info_comments {
   position: absolute;
   z-index: 2;
	font-size: 11px;
	padding: 10px;
   background: #1e1e1e;
   overflow: auto;
   width: 650px;
   height: 400px;
   margin: 35px;
   text-align: left;
   visibility: hidden;
   opacity: 0;   
}

/*
#info_comments {
   padding: 20px;
   margin-top: 45px;
   margin-left: 100px;
   width: 500px;
   height: 350px;
   background: #222;
   position: absolute;
   visibility: hidden;
   z-order: 90;
   overflow: auto;
   border: 1px solid black;
   background: #222 url(close.png) no-repeat 95% 95%;
}
*/

#info_comments h2, .info_comments_heading {
   color: #9FD4FF;
   font-weight: normal;
   font-size: 1.5em;
   padding-top: 1em;
}

#comment_wrapper {
   width: 340px;
   padding: 5px;
}
 
#comment_title {
   font-size: 1.5em;
   border-bottom: 1px solid;
   text-transform: lowercase;
}

#comment_description {
   padding-top: 10px;
   padding-bottom: 10px;
}

#comment_thumb {
   background: #fff;
   padding: 1px;
   float: right;
   margin-top: 30px;
   margin-left: 10px;
}

.comment_author {
   padding-top: 10px;
   font-weight: bold;
}

.comment_date {
}

.comment_content {
   margin-left: 2px;
   padding-left: 2px;
}

.comment {
}

/****************************************
 * Tool tips
 ****************************************/
 .tool-tip {
	color: #fff;
	max-width: 250px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
   background: #1e1e1e;
   opacity: .90;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
   background: #1e1e1e;
   opacity: .85;
}

/********************************************
* Menu flotante
********************************************/
.glossymenu{
margin: 0;
padding: 0;
border: 0;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background-image: url(glossyback.gif);
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: gray;
padding: 4px 0;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
}

.glossymenu div.submenu ul li a{
display: block;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: black;
}