@import url('template.css');

/* La galeria 
/********************************************************************/
#columnas.laGaleria #primera{
	float:left;
	width:360px; /*380*/
	font-size: .9em;
/*	border: 1px solid red;*/
}
#columnas.laGaleria #segunda{
	float:right;
	width: 540px; /*570 /*541px;*/
	text-align: right;
/*	border: 1px solid red;*/
}

.laGaleria .lg-cont {
	padding: 0 0 0 2px;
}

.laGaleria .lg-cont p{
	word-spacing:3px;
	letter-spacing:normal;
	text-align: justify;
	padding-bottom: 10px;
}

.laGaleria .lg-horario{
	padding: 18px 0 3px 2px;
	width:265px;
}
.laGaleria .lg-horario p{
	word-spacing:3px;
	letter-spacing:normal;
	padding-top:10px;
}


/* Localizacion
/********************************************************************/
#columnas.localizacion {
	_height: 374px;
	min-height: 374px;
}
#columnas.localizacion #primera{
	float:left;
	width:320px;
	font-size: .9em;
}
#columnas.localizacion #segunda{
	float:left;
	width:195px;
	padding-top: 70px;
	margin-left: 95px;
	font-size: .9em;
}
#columnas.localizacion #tercera{
	float:right;
	width:260px;
}

.localizacion #primera p{ 
	word-spacing:3px;
	letter-spacing:normal;
	text-align: justify;
	padding-bottom: 10px;
}
.localizacion #segunda p{letter-spacing: 3px;}


/* Formulario */
#formulario {margin: 5px 0 0 0;}
#formulario LEGEND {display:none;}

#formulario UL{margin-left:73px;}
#formulario UL LI{}
#formulario UL LI LABEL{ display:block; padding:10px 0 2px 2px;}
#formulario UL LI LABEL.first{ padding-top:15px;}

#formulario UL LI INPUT,
#formulario UL LI TEXTAREA{
	width:240px;
	padding:3px;
	border:1px solid #dadada;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#formulario UL LI INPUT{}
#formulario UL LI TEXTAREA{height:100px;}

#formulario .btns{
	text-align: right;
	margin-top:20px;
}
#formulario button {
	border: none;
	background-color:#eff0e2;
	font-weight: bold;
	letter-spacing: 3px;
	color:#828178;
	cursor:pointer;
}


/* Documentos
/********************************************************************/
.documents{
	margin-top: 10px !important;
	height: 384px;
}
#columnas.documents #primera{}
#columnas.documents #segunda{}

#columnas.documents #segunda .preview-box{
	position:absolute;
	bottom:30px; right:0px;
}

table#tbldocs {
	letter-spacing:normal;
	text-align:left;
	margin-bottom: 3px;
}

#tbldocs th,
#tbldocs td{
	border-bottom:1px solid #f3f3f3;
	font-weight:normal; 
	padding:6px 0px 7px 0px;
	font-size:.9em;
}

#tbldocs th.cart {font-weight:bold; width:290px;}
#tbldocs th.ccvs {font-weight:bold; width:80px;}
#tbldocs th.cpre {font-weight:bold; width:200px;}

#tbldocs th a {color:#666666; font-weight:bold;}
#tbldocs th a:hover {text-decoration:underline;}

#tbldocs td ul li a { color:#8b8b8b; background:url(../images/bul_arrow.gif) no-repeat left; padding-left:10px;}
#tbldocs td ul li a:hover{ text-decoration:underline;}

#tbldocs td a:link.download,
#tbldocs td a:visited.download{
	display:block;
	width:13px; height:16px;
	text-indent: -5000px;
}
#tbldocs td a:link.download		{background:url(../images/ico_cv.gif) no-repeat left bottom;}
#tbldocs td a.download:hover	{background:url(../images/ico_cv.gif) no-repeat left top;}
#tbldocs td a:visited.download	{background:url(../images/ico_cv_v.gif);}


/* Artistas
/********************************************************************/
.artists{
	margin-top: 10px !important;
	_height: 384px;
	min-height: 384px;
}

#columnas.artists #primera{}
#columnas.artists #segunda{}

ul.lst-artistas{
	font-size:.9em;
	float:left;
	letter-spacing:normal;
	margin-top: 5px;
}   
ul.lst-artistas li{
	float:left;
	padding-bottom:10px;
	width:240px;
}   
ul.lst-artistas li.sel{ color:#dfe0c5;}
ul.lst-artistas li a{ color:#828178;}
ul.lst-artistas li a:hover{ color:#f18b31;}


/* Exposiciones y Actividades
/********************************************************************/
.expos{
	height: 397px;
}

#columnas.expos #primera{
	float:left;
	width:330px;
}
#columnas.expos #segunda{
	float:left;
	width:310px;
	margin-left:40px;
}
#columnas.expos #tercera{
	float:right;
	width:200px;
}

.expos strong.tit {
	display:block; 
	margin: 0 0 15px 0;
}
.expos a{ color:#828178;}
.expos a:hover{ color:#f18b31;}

.expos .actual span,
.expos .proxima span{
	display: block; 
	font-weight: bold;
}

.expos .actual {}
.expos .actual span {margin: 5px 0 15px 0;}
.expos .actual img{
	border-bottom: 1px solid #828178;
	padding-bottom: 14px;
}

.expos .proxima-expo {position:absolute; bottom:20px; width:310px;}
.expos .proxima-acti {margin-top: 80px;}
.expos .proxima-expo span,
.expos .proxima-acti span{margin: 0 0 5px 0;}

.expos .actual a,
.expos .proxima-expo a ,
.expos .proxima-acti a {color:#828178;}
.expos .actual a:hover,
.expos .proxima-expo a:hover,
.expos .proxima-acti a:hover {color:#f18b31;}


.expos ul.anios {
	float: left;
	clear: both;
	margin-bottom: 8px;
	width: 100%;
}
.expos ul.anios li {
	float: left;
	background: url(../images/bg_pages.gif) no-repeat 0px 5px;
	padding: 0 8px 0 12px;
	letter-spacing: 2px;
}
.expos ul.anios li.fst {background: none; padding-left: 0px;}
.expos ul.anios li.sel a {color:#dfe0c5;}


.expos ul.nombres{
	clear: both;
	width: 100%;
}
.expos ul.nombres li{
	letter-spacing:normal;
	padding: 5px 0 5px 0;
}

.expos .preview-box {position:absolute; bottom: 115px;}
.expos .preview-box #preview-p {font-weight: bold;}
.expos .preview-box #preview-p span {font-weight: normal;}


/* Artista
/********************************************************************/
.artist{
	_height: 374px;
	min-height: 374px;
}

#columnas.artist #primera {padding-top: 90px;}
#columnas.artist #segunda {}

.artist h3{text-align: right}

.artist .preview-box {
	position: absolute;
	top: 120px;
	text-align: right;
	letter-spacing: 2px;
}

.artist .preview-box #preview-p span {padding: 0px;}
.artist .preview-box #preview-p span.price {padding-top: 10px;}


/* Exposicion y Actividad
/********************************************************************/
.expo{
	_height: 384px;
	min-height: 384px;
	margin-top: 10px !important;
}

#columnas.expo #primera {width:727px;}
#columnas.expo #segunda {width:190px; margin-top:10px;}

#columnas.expo #primera .pages {margin-bottom:15px;}

.expo h3{
	text-align: right;
	margin: 22px 0 15px 0;
}
.expo h3 a {color:#828178;}


.expo .preview-box {
	width:190px;
	text-align: right;
	letter-spacing: 2px;
}

.expo .preview-box #preview-p span {padding: 0px;}
.expo .preview-box #preview-p span.price {padding-top: 10px;}

.expo .showbottom{
	position: absolute;
	bottom: 20px; right: 0px;
	width: 185px;
	border-bottom: 1px solid #828178;
	padding: 0 0 10px 5px;
	letter-spacing: normal;
	font-size: .9em;
}