/* --
CSS Reseter
CSSLab © 2007
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }

/* ========================================= clearfix == */
.clearfix:after {
	content: ;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.textAlt{
	display:none;
}

/*nueva css*/

hr{
	display:none;
	}

#contenido p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:17px;
	}

#contenido p a{
color:#64305e;
text-decoration:underline;
}

#contenido p a:hover{
background-color:#64305e;
color:#FFF;
}

#contenido a:visited{
	font-style:italic;
	color:#666;
	}

body{
	background-image:url('body.jpg');
	font-family:'Times New Roman', Times, serif;
	background-color:#f5f1e0;
	}

	#centrado{
		display:block;
		width:990px;
		margin:auto;
		}
		
		#cabecera{
			display:block;
			width:990px;
			height:95px;
			padding-top:10px;
			padding-bottom:10px;
			}
			
			#logo{
				display:block;
				float:left;
				width:254px;
				height:93px;
				}
				
				#logo h1,
				#logo a{
					display:block;
					float:left;
					width:254px;
					height:93px;
					background-image:url('logo.gif');
					background-repeat:no-repeat;
					}
					
						
						
							#logo a span,
							#logo h1 span{
								display:none;
								}
								
			#banner{
				display:block;
				float:right;
				width:728px;
				height:93px;
				}
				
				#banner p{
				display:block;
				float:right;
				width:300px;
				text-align:right;
				font-size:18px;
				}
				
				#banner p i{
					display:block;
					padding-top:10px;
						}
				
				#banner span.starbucks{
					display:block;
					float:right;
					width:85px;
					height:85px;
					background-image:url('starbucks.gif');
					background-position:right;
					background-repeat:no-repeat;
					padding-left:10px;
					}
					
					#banner span.starbucks i{
						display:none;
						}
					


		#menu{
			display:block;
			float:left;
			width:250px;
			}
			
			.menu{
				display:block;
				float:left;
				width:209px;
				padding:20px;
				background-color:#FFF;
				border-bottom:1px solid #CCC;
				border-right:1px solid #CCC;
				margin-bottom:10px;
				}
				
				.menu ul{
					display:block;
					float:left;
					}
				
				.menu ul li{
					display:block;
					width:209px;
					font-size:18px;
					height:28px;
					background-image:url('lista-menu-principal.gif');
					background-repeat:no-repeat;
					background-position: 0px 24px;
					}
					
					.menu ul li a{					
						color:#000;
						text-decoration:none;
						}
						
					.exposiciones-actuales .menu ul li a.exposiciones-actuales,
					.proximas-exposiciones .menu ul li a.proximas-exposiciones,
					.exposiciones-pasadas .menu ul li a.exposiciones-pasadas,
					.galerias .menu ul li a.galerias{				
						color:#fff;
						background-color:#64305e;
						text-decoration:none;
						}
						
					.menu ul li a:hover{
						color:#64305e;
						text-decoration:underline;
						}
						
				 ul.interior {
					padding-top:10px;
					padding-left:10px;
					}
				
				ul.interior li{
					font-size:15px;
					height:auto;
					width:200px;
					padding-bottom:3px;
					padding-top:3px;
					background-image:url('lista-menu-principal.gif');
					background-repeat:no-repeat;
					background-position:bottom;
					}
					
				.menu form{

					display:block;
					float:left;
					padding-top:5px;
					}	
					
					.menu form input.campo{
						display:inline;
						float:left;
						width:133px;
						height:18px;
						border:1px solid #64305e;
						background-color:#f4f6f6;
						}
						
					.menu form input.boton{
						display:inline;
						float:left;
						width:67px;
						height:22px;
						font-size:14px;
						color:#FFF;
						background-color:#64305e;
						border:1px solid #64305e;
						border:0px;
						cursor:pointer;
						}
		
		#contenido{
			display:block;
			float:right;
			width:730px;
			}
			
			.contenido{
				display:block;
				float:right;
				width:729px;
				margin-bottom:10px;
				padding-bottom:20px;
				background-color:#FFF;
				border-bottom:1px solid #CCC;
				border-right:1px solid #CCC;
				}
				
				.contenido h2{
					font-size:30px;
					padding:20px;
					padding-bottom:15px;
					}
					
					
				
			
	
		#pie{
			display:block;
			float:left;
			width:970px;
			padding:10px;
			background-color:#64305e;
			height:20px;
			}
			
			#pie a{
				color:#FFF;
				text-decoration:none;
				}
				
				#pie a:hover{
				text-decoration:underline;
				}

/*galerias*/

.rastro{
	display:inline-block;
	padding:5px;
	}

.rastro a{
	color:#000;}
	
.contenido .rastro a:hover{
	color:#64305e;
	text-decoration:none;}

.contenido p{
padding-left:20px;
padding-right:20px;
padding-bottom:5px;
}

.contenido p.paginas{
padding-left:20px;
padding-right:20px;
float:right;
}

.contenido h1{
font-size:30px;
padding:20px;
padding-top:10px;
padding-bottom:15px;
color:#64305e;
}

#interior{
	display:block;
	width:460px;
	float:left;
	}
	
#interior ul {
	padding-left:20px;}	

#auxiliar{
	display:block;
	width:220px;
	float:right;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	background-image:url('auxiliar.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	}
	
#auxiliar h2{
	font-size:22px;
	padding:0px;
	padding-top:10px;
	color:#64305E;
	}
	
#auxiliar h2 a{
	color:#64305E;
	}

#auxiliar h3{
		color:#64305E;
	font-weight:bold;
	font-size:17px;
	padding-top:10px;
	}

#auxiliar p{
	font-size:13px;
	padding:0px;
	}

#auxiliar ul li{
	padding-left:5px;}

#auxiliar ul li a {
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	color:#666;

	}
	


ul.social li{
	padding-right:5px;
	padding-left:0px;
	float:left;
	background-repeat:no-repeat;
	}

ul.social li a {
	display:block;
	height:32px;
	width:32px;

	}
	
	.meneame{
		background-image:url('meneame.gif')
		}
	.delicious{
		background-image:url('delicious.gif')
		}
	.reddit{
		background-image:url('reddit.gif')
		}
	.facebook{
		background-image:url('facebook.gif')
		}
	.twitter{background-image:url('twitter.gif')
	}
	
ul.social li a span{
	display:none;
	}

#mapa {
border:1px solid #533E3D;
clear:both;
display:block;
height:270px;
margin:15px auto;
width:680px;
position: relative;
border:1px solid #64305e;
}

.listado-exposiciones{
display:block;
float:left;
width:678px;
padding:25px;
background-image:url('unico.gif');
background-repeat:no-repeat;
background-position:top;
}


.listado-exposiciones h3 {
font-size:24px;
color:#64305e;
}

.listado-exposiciones h4 {
font-size:20px;
color:#000;
}

.listado-exposiciones h5 {
padding-bottom:10px;
font-size:18px;
color:#000;
}

.listado-exposiciones p{
padding:0px;
padding-bottom:10px;
}

.listado-exposiciones p strong{
font-weight:bold;
}

.continuacion{
	display:block;
	float:right;
	padding:20px;
}

.fotogaleria{
	display:block;
	float:left;
	margin-right:10px;
	border:1px solid #64305e;
}

.continuacion p{
	padding-left:0px;
}
.mas-sobre{
display:block;
float:left;
clear:both;
background-color:#f4f6f6;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#000000;
padding:5px 10px;
margin-top:10px;
text-decoration:none;
}

.mas-sobre:hover{
display:block;
float:left;
clear:both;
background-color:#ccc;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#000000;
padding:5px 10px;
margin-top:10px;
text-decoration:none;
}

.listado-exposiciones .imagen{
display:block;
float:right;
padding-left:10px;
}

.listado-exposiciones .imagen img{
max-width:300px;
border:1px solid #64305e;
}

ul.galerias-cercanas li a{
color:#000;
}

#gallery a{
float:left;
display:block;
border:1px solid #64305e;
margin-right:10px;
}

#gallery a img{
float:left;
display:block;
border:0px;
}

.banner{
display:block;
clear:both;
width:428px;
height:60px;
border:1px solid #64305e;
}