@charset "UTF-8"; /* CSS Document


	kalidoscopio diseño
	www.kalidoscopio.com.ar
	estudio@kalidoscopio.com.ar
	


	*/

/*
	COLORES RECURRENTES
	
Crema fondo		f1e9d9
Crema			e5d4b5
Rojo Oscuro		630810
Warm Gray		90856c
	Marrón Medio:		5B4B36
	
*/

	

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{  }
ul, li								{ list-style: none; }
ul, li, li a 						{ margin:0; padding:0; }
a									{ outline: none; text-decoration: none; color: #630810;  }
a:hover								{ color: #bc0a1a; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }
body								{ background:#F1E9D9;
color:#5B4B36;
font-family: Calibri, Lucida Grande,Lucida Sans,Lucida Sans Unicode, Sans-serif;
font-size:19px;
line-height:26px;}


/*
	UTILES
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both;  }



/*
	ESTRUCTURA
*/
#contenedor							{ width:900px; margin: 50px auto 0; min-height: 100%; }

#splash {
	height:634px;
	left:50%;
	margin-left:-475px;
	margin-top:-325px;
	position:absolute;
	top:50%;
	width:951px;
	}
	#splash li a {
	display: block;
	float: left;
	width: 317px;
	height: 317px; 
	text-indent: -9812px;
	background: url(../images/botonesSplash.png);
	}
	#splash h1 {
	float: left;
	width: 317px;
	height: 317px; 
	text-indent: -9812px;
	background: url(../images/KEsplash.png);
	}
		#splash li a.Sculpture {
			background-position: right top;
			}
					#splash li a.Sculpture:hover, #splash li a.active {
					background-position: right bottom;
					}
			#splash li a.KenEdw {
			background-position: center top;
			}
					#splash li a.KenEdw:hover, #splash li a.active {
					background-position: center bottom;
					}
			#splash li a.Paintings {
			background-position: left top;
			}
					#splash li a.Paintings:hover, #splash li a.active {
					background-position: left bottom;
					}


#header							{ height: 145px;   }
	.botonera {
	list-style: none;
	}
		.botonera li a {
		text-indent: -9867px;
		width: 145px;
		height: 145px;
		background:url(../images/botones.png) ;
		list-style: none;
		display: block;
		}
			.botonera li a.Sculpture {
			background-position: right top;
			}
					.botonera li a.Sculpture:hover, .botonera li a.active {
					background-position: right bottom;
					}
			.botonera li a.KenEdw {
			background-position: center top;
			}
					.botonera li a.KenEdw:hover, .botonera li a.active {
					background-position: center bottom;
					}
			.botonera li a.Paintings {
			background-position: left top;
			}
					.botonera li a.Paintings:hover, .botonera li a.active {
					background-position: left bottom;
					}

#titulo {
float: left;
width:609px;
height: 145px;
		}
		#titulo h1 {
		padding:70px 0 0 45px;
		}
		#titulo p  {
		font-size: 13px;
		padding: 0 0 0 45px;
		}

#num {
	position: absolute;
	margin-left: 50%;
	left: 260px;
	width: 200px;
	height: 145px;
	}
	#num p {
	text-align: right;
	font-size: 76px;
	padding-top: 60px;
	}
#numitem {
	position: absolute;
	right:10px;
	top:40px;
	display:block;
	
	margin-right: 20px;
	/*float:right;*/
	width: 200px;
	height: 145px;
	}
	#numitem p {
	text-align: right;
	font-size: 76px;
	padding-top: 60px;
	}
#menu-izq { 
	width: 145px;
	float:left;
	margin-bottom: 70px;
	min-height: 630px;
	}
	.menu { 
	list-style: none;
	font-size:19px;
	letter-spacing:4px;
	line-height:32px;
	margin:45px 0 22px 0;
	text-transform:uppercase;
	}
	.menu ul {
	list-style: none;
	margin:0 0 0 16px;
	}	
	.menu ul li, .menu ul li a {
	font-size: 19px;
	text-transform: none;
	letter-spacing: 0;
	}
	.menu a {
	color: #5B4B36;}
	p.ResEXPAND {
		cursor:pointer;
	}
	.menu a:hover, .menu a.active, p.ResEXPAND.active {
	color: #630810;
	}


#derecha {margin-left: 145px;}

.texto, .itemContenedor 	{ padding: 30px 0 70px 30px;}
.itemContenedor 	{ text-align: center;}

.texto p {
	display:block;
	margin-bottom:5px;	
}
.texto p span {
	display:block;
	line-height:1em;
}
.texto strong {
	color:#630810;
	font-weight:bold;
}
.wmd-preview p {
	display:block;
	margin:1em 0;	
}
.pinturas {
	margin: 145px 0 0 0;
	}

.pinturas ul li {
	background: center no-repeat;
	float: left;
	width: 125px;
	height: 125px;
	text-indent: -99999px;
	}
	a.pinturanum {
	color:white;
	display:block;
	font-size:63px;
	font-weight:bold;
	padding:50px 0 20px 0;
	text-align:center;
	width:125px;
	text-indent: 0;
	}

.esculturas {
	margin: 145px 0 0 0;
	}
.esculturas ul, .pinturas ul {
	height: 250px;
	margin-bottom: 10px;
	}
		.esculturas ul li {
		width: 125px;
		height: 250px;
		background: center no-repeat;
		text-indent: -9878px;
		border: solid 1px #e5d4b5;
		margin: -1px;
		float: left;
		}
			a.esculturanum {
			color:white;
			display:block;
			font-size:63px;
			font-weight:bold;
			height:142px;
			padding:109px 0 0;
			text-align:center;
			text-indent:0;
			width:125px;
			background: #e5d4b5;
		}
	
.paginador {
	text-align: right;
	float: right;
	font-size: 20px;
	line-height: 30px;
	color: #630810;
	}
	.paginador li.current {
	display: block;
	text-indent: 9823px;
	float: left;
	background: #630810;
	width: 13px;
	height: 14px;
	margin-right: 4px;
	border: 1px solid #630810;
	}
	.paginador li.paginate {
	background: none;
	border: 1px solid #630810;
	display: block;
	text-indent: 9823px;
	float: left;
	width: 13px;
	height: 14px;
	margin-right: 4px;
	}
	.paginador a {
	width: 13px;
	height: 14px;
	display: block;
	}
	.paginador a:hover {
	background: #630810;
	}


#footer {
	height: 35px;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 10px 0 0 0;
	border-top: 1px solid #90856c;
	font-size: 14px;
	overflow: hidden;
	
	}

/*
	TIPOGRAFÍA
*/

h1 {
	color:#630810;
	font-size:45px;
	}
h1.item {
	color:#90856c;
	font-size:40px;
	margin-top:19px;
	}
h2 {
	}

h3 {
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 26px;
	color:#630810;
	}
h4,.marron, .texto em, #descripcion em {
	color:#90856c;
	font-size: 19px;
	font-style: normal;
	}
.prev-next {
	font-size: 18px;
	margin-top:-2px;
	}
	
#descripcion {
	margin-top: 45px;
	}
	
	
/*
	HOVER JQuery
*/	
.fadeThis {
		position:relative;
		display:block;

	}
.hover {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	
a.return {
	margin-top:20px;
	font-size:19px;
	letter-spacing:4px;
	line-height:32px;
	margin:45px 0 0;
	text-transform:uppercase;
	color: #5B4B36;
}
a.return:hover {
	color: #630810;
}
