/* ############################################################# */
/* Camboya 2008 - StyleSheet */
/* ############################################################# */


body	{
	background-color: #FFF;
	background-image: url(../img/back.gif);
	background-position: 232px 0;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	font-family: "Tahoma";
	}
	
div	{	
	}
	
a	{
	text-decoration: underline;
	color: #444;
	}
	
	a:hover	{
		text-decoration: none;
		}
	
img	{
	border: 0;
	}
	
#container	{
	}
	
#top	{
	margin: 30px 0 30px 0;
	}
	
	h1	{
		text-align: right;
		background-image: url(../img/logo.gif);
		width: 990px;
		height: 21px;
		background-position: right;
		background-repeat: no-repeat;
		}
		
		h1 span	{
			display: none;
			}
			
	h2	{
		display: none;
		}
	
h3	{
	display: none;
	}
	
#containerBotonera	{
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	width: auto;
	float: left;
	}
	
#botonera	{
	font-size: 10px;
	color: #989898;
	list-style: none;
	width: 232px;
	padding: 0;
	margin: 0;
	}
	
	#botonera li	{
		text-transform: uppercase;
		border-bottom: 1px solid #d5d5d5;
		font-weight: bold;
		display: block;
		}
		
		#botonera li a	{
			color: #989898;
			text-decoration: none;
			font-weight: bold;
			display: block;
			padding: 12px 0 11px 20px;
			}
			
			#botonera li a:hover	{
				background-image: url(../img/back_button.gif);
				background-repeat: repeat-x;
				}
			
			#botInactivo	{
				padding-top: 12px;
				padding-bottom: 11px;
				padding-left: 20px;
				background-image: url(../img/back_botInactivo.gif);
				background-position: center right;
				background-repeat: no-repeat;
				}
				
			#listaWorks	{
				padding: 12px 0 13px 20px;
				}
		
				#subBotonera	{
					list-style: none;
					margin: 0;
					padding: 0;
					font-size: 11px;
					line-height: 17px;
					padding-bottom: 11px;
					}
					
					#subBotonera li	{
						padding: 0;
						text-transform: none;
						border: 0;
						}
						
						#subBotonera li a	{
							text-decoration: none;
							color: #969696;
							font-weight: normal;
							padding: 0;
							background-image: none !important;
							background-color: transparent;
							}
							
							#subBotonera li a:hover	{
								color: #353535;
								background-color: transparent;
								}
								
#content	{
	background-image: url(../img/back_section.jpg);
	background-repeat: no-repeat;
	width: 678px;
	height: 341px;
	float: left;
	clear: right;
	padding: 40px;
	color: #333333;
	}
	
.title	{
	text-transform: uppercase;
	font-size: 23px;
	cursor: default;
	line-height: 5px;
	}
	
#footer	{
	height: 20px;
	height: 20px;
	background-image: url(../img/back_footer.gif);
	background-repeat: repeat-y;
	background-position: 232px 0;
	background-color: #ffff33;
	width: 100%;
	position: fixed;
	bottom: 0%;
	}
								
/* ########## WORKS #################### */
					
#imagenWork	{
	float: left;
	}
	
#workData	{
	clear: both;
	width: 758px;
	float: left;
	margin-top: 20px;
	margin-left: 232px;
	}
	
	#thumbs	{
		margin: 0;
		padding: 0;
		float: left;
		clear: right;
		margin-left: 30px;
		}
	
		#thumbs li	{
			display: inline;
			list-style: none;
			}
			
			#thumbs li img	{
				border-bottom: 1px solid #333;
				border-right: 1px solid #333;
				width: 40px;
				height: 40px;
				margin-right: expression("6px");
				}
				
	#caption	{
		float: right;
		}
		
		#caption p	{
			padding: 0;
			margin: 0;
			text-align: right;
			font-size: 10px;
			color: #444;
			}
			
			p.captionTitle	{
				text-transform: uppercase;
				font-weight: bold;
				}
				
/* ########## EXHIBITIONS #################### */

#botExhibitions	{
	float: left;
	clear: right;
	margin: 0;
	padding: 0;
	width: 240px;
	}
	
	#botExhibitions li	{
		list-style: none;
		text-transform: uppercase;
		}
		
		#botExhibitions li a	{
	padding: 14px;
	display: block;
	background-color: transparent;
	color: #333333;
	text-decoration: none;
	font-size: 17px;
	line-height: 17px;
	cursor: pointer;
			}
		
		/*#botExhibitions li a	{
			padding: 7px 7px 4px 14px;
			display: block;
			background-color: transparent;
			color: #FFF;
			text-decoration: none;
			font-size: 14px;
			cursor: pointer;
			}*/
			
			#botExhibitions li a:hover	{
	background-color: #FFF;
	text-decoration: none;
				}
	
.contentExhibitions	{
	/*visibility: hidden;
	margin-top:-340px;*/
	margin-left: 290px;
	margin-left: expression("50px");
	position: absolute;
	background-image: url(../img/back_section_exhibitions.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	height: 380px;
	left: 250px;
	top: 120px;
	width: 420px;
	}
	
	.contentExhibitions table	{
	width: 720px;
	height: 250px;
		}
	
	.contentExhibitions table tr td	{
	color: #989898;
	border-bottom: 1px solid #d5d5d5;
	padding: 10px 5px 10px 5px;
		}
		
	.contentExhibitions table tr th	{
		display: none;
		}
		
	.tdAnio	{
	font-weight: bold;
	color: #666666 !important;
		}
div#solo {
	margin-top: 0;
}		
.exhibitionsUl	{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	}
	
	.exhibitionsUl li	{
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: 1px solid #7e7e7e;
		padding-left: 6px;
		padding-right: 10px;
		color: #c4c4c4;
		}
		
		.exhibitionsUl li strong	{
			color: #FFF;
			}
	
/* ########## CONTACT ################################ */

.titleContact	{
	text-transform: uppercase;
	font-size: 17px;
	}
	
#contactB1	{
	float: left;
	clear: right;
	margin-right: 80px;
	}

#contactUl	{
	padding: 0;
	margin: 0;
	margin-top: 16px;
	margin-top: expression("10px");
	}
	
	#contactUl li	{
	list-style: none;
	font-size: 10px;
	color: #989898;
	background-image: url(../img/tip.gif);
	background-repeat: no-repeat;
	background-position: top 0;
	background-position: expression("0 5px");
	padding-left: 16px;
	margin-bottom: 14px;
	margin-bottom: expression("8px");
		}
		
		#contactUl li p	{
			padding: 0;
			margin:0;
			}
			
			#contactUl li p a	{
	text-decoration: none;
	color: #989898;
				}
			
				#contactUl li p a:hover	{
					text-decoration: underline;
					}
		
		.pTitle	{
	font-size: 11px;
	color: #666666;
			}
			
#contactB2	{
	float: left;
	}
	
/* ####### ESTILOS DE SCROLL ######################### */

#mycustomscroll {
	width: 120px;
	margin-left: 80px;
	margin-top: -14px;
	overflow: hidden;
	height: 90px;
	}
	
#mycustomscroll2 {
	overflow: hidden;
	width: auto;
	height: auto;
	font-size: 10px;
	}

#mycustomscroll3 {
	overflow: scroll;
	width: 380px;
	height: 340px;
	font-size: 10px;
	}
	
#mycustomscroll4 {
	overflow: scroll;
	width: 380px;
	height: 340px;
	font-size: 10px;
	}
	
#mycustomscroll5 {
	overflow: scroll;
	width: 380px;
	height: 340px;
	font-size: 10px;
	}
	
	
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 13px; background: url(../img/scrollbar.png) -13px 0px repeat-y;}
.vscrollerbarbeg {height: 13px !important; width: 13px; background: url(../img/scrollbar.png) -39px -32px no-repeat;}
.vscrollerbarend {height: 13px; width: 13px; background: url(../img/scrollbar.png) -39px 0px no-repeat;}
.vscrollerbase {width: 13px;background: url(../img/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 13px;height: 13px !important;background: url(../img/scrollbar.png) -26px -13px no-repeat;}
.vscrollerbaseend {height: 13px;width: 13px;background: url(../img/scrollbar.png)  -26px 0px no-repeat;}
.hscrollerbase {height: 13px;}
.hscrollerbar {height: 13px;}
.vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}
.scrollerjogbox {width: 13px; height: 13px;top: auto; left: auto; bottom: 0px; right: 0px;}


/* sIFR Screen Styles ########################### */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.*/
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
	
/* ROTADOR */
img.itRot {
	position: absolute;
	visibility: hidden;
}
div#flechas {
	position:absolute;
}