/* ELEMENTS */

body {
	padding: 0px;
	background-color: #ffffff;
	width: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

h1 {	font-family: Tahoma; 	
    	color: #146798;
	font-size: 30px;
}

h2 {	font-family: "Comic Sans MS"; 	
    	color: #000000;
	font-size: 25px;
}


/* LAYOUT */

#pagecontainer {
	position: absolute;
  	top: 0px; 
  	padding: 5px;
  	text-align: center;
  	width:98%;
}

#logo {
	font-family: Tahoma;
	width: 100%;
	overflow: hidden ;
	text-align: left;
 	height: 60px;
}

/* properties */


.trans50 {
	filter: alpha(opacity=25); /* IE */
	-moz-opacity: 0.25; /* Mozilla */ 
}

.trans0 {
}

.stronger {
	font-weight: bolder;
	color: #666666;
}

a:link , a.link_clarooscuro:link {
	text-decoration: none;
	color: gray;
}

a:visited , a.link_clarooscuro:visited {
	text-decoration: none;
	color: #999999;	
}

a:hover , a.link_clarooscuro:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a:active , a.link_clarooscuro:active {
	font-weight: bold;
}

.browser {
	position: relative;
	top: 30px;
	width: 1000px;
	overflow: visible;
}

#thumbnails {
	position: absolute;
	top: 0px;
	left: 0px;	
	overflow: hidden; 	
	border: none;
}

.button {
	float: right;
	border: none;
}

.thumb {
       width: 200px;
       margin-bottom: 10px;
       border: none;
}

#content{
	position: absolute;
	top: 0px;
	width: 770px;
	left: 230px;
    	background-color: white	
}

.texto {
        font-family: "Comic Sans MS"; 	
	color: #116798;
	font-size: 12px;	
	text-align: left;
}

#texto {
	position:relative;		
	font-family: "Comic Sans MS"; 	
	color: #000000;
	font-size: 12px;	
	text-align: left;
	top: 20px;
	left: 30px;
	width: 95%; 
}

#texto div {
	position:relative;
	bottom: 45px;
	left: 5px;
}


#subthumbnails {
	margin: 15px;
	padding: 10px;
	height: 220px;
	position:relative;		
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #9b9b9b;
	background-color: white;
	font-size: 12px;	
	border-style: solid;
	border-color: gray;
	border-width: thin;
	overflow: scroll;
	text-align: left;	
}
	

.thumbnail{
	width: 190px;
	height: 130px;
	border-style: none;
	margin: 10px;
}


.full_image {
	width: 760px;
}


.blur{
	background: transparent url(shadow1.png);
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

#outerframe-left{
	float: left;
	padding-right: 5px;
}

#outerframe-right{
	float: right;
	padding-left: 10px;
}

.bold {	
	font-weight: bold; 
}

.text {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #9B9B9B;
	font-size: 12px;	
	text-align: center;
	text-decoration: none;
}

.floatRight {
	float: right; 
}

.floatLeft {
	float: left; 
}

.azul {
	color: #116798;
	padding: 0px;
	font-weight: bolder;
}

.next_prev{ 
	position: relative;
	top:15px;
	width: 15px;
	height: 15px;
	overflow: hidden; 
	border: none; 
}

.comment {
	 width: 90%;
	 padding: 2px;	 
	 margin: 7px;
	 border-color: gray;
	 border-style: dashed;
	 border-width: thin;
	 position: relative;
	 left: 30px;	 
         font-family: "Comic Sans MS"; 	
	 color: #000000;
	 font-size: 12px;	
	 text-align: left;	 
}

.bg_gray {
       background-color: #cccccc;
}

.bg_yellow {
       background-color: #FAFEC7;
}

.comment_text {
         font-style: oblique;
}