/**************************************************
RESET
**************************************************/

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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

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

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/****************************************************
GENERICOS
****************************************************/

.col100, .col75, .col70, .col50, .col25 { float: left; }

.col100 { width: 100%; }
.col75 { width: 75%; }
.col70 { width: 70%; }
.col50 { width: 50%; }
.col25 { width: 25%; }
.col25r { width: 25%; float: right; }

body {
	background: #f6f5c5;
	font-size: 62.5%;
	font-family: "Times news roman", Serif;
	line-height: 1.5em;
	margin: 0 20px;
	color: #f6f5c5;
	}
	
body.page { background: #aa2727; }
	
.bg {
	position: relative;
	margin: 0;
	padding: 0; 
	/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */
	}
	
.bg span{
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1
	}
	
textarea { overflow: auto; }

/***************************************************
ESTRUCTURA
***************************************************/

#contenedor {
	max-width: 1000px;
	min-width: 760px;
	margin: 0 auto;
	overflow: hidden;
	background: #aa2727;
	border: 10px solid #000;;
	border-top: 0;
	border-bottom: 0;
	}
	
#programacion {
	/*background: #f6f5c5;*/
	padding: 10px 0 20px 0;
	color: #f6f5c5;
	font-size: 1.4em;
	text-align: center;
	/*border: 10px solid #000;
	border-bottom: 0;*/
	line-height: 2em;
	}
	
#programacion p { 
	line-height: 1.5em;
	margin-bottom: 10px; 
	}
	
#programacion li.dia {
	border: 1px dashed #F6F5C5;
	border-left: 0;
	border-right: 0;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px 80px;
	text-transform: uppercase;
	}
	
#programacion div { margin: 0 10px; }

#programacion strong { font-weight: bold; font-size: 1.1em; }
	
#derecha { font-size: 1.3em; }

#derecha dt { font-weight: bold; }

#derecha img { 
	float: left; 
	margin: 5px 5px 5px 0; 
	border: 1px solid #f6f5c5; 
	}
	
#foto {
	background: url(images/bg-foto.jpg) no-repeat;
	width: 229px;
	height: 170px;
	border: 5px solid #f6f5c5;
	}
	
#copy {
	padding: 5px 0;
	border: 1px dashed #f6f5c5;
	border-left: 0;
	border-right: 0;
	margin: 20px 10px 0 0;
	text-align: center;
	font-size: .9em;
	}
	
#mapa img { 
	border: 5px solid #f6f5c5; 
	float: none; 
	}
	
#form { margin: 10px 0 0 -20px; }

#form legend { display: none; }

#form label { font-size: 1.3em; }

#form label input, #form textarea { 
	display: block;
	margin: 4px 0 7px 0;
	border: 1px solid #f6f5c5;
	background: transparent;
	font-family: Georgia, "Times news roman", Serif;
	font-size: .9em;
	color: #fff;
	padding: 2px 3px;
	width: 175px;
	}
	
#form p input {
	background: #000;
	border: 0;
	color: #fff;
	font-family: Georgia, "Times news roman", Serif;
	font-size: 1.2em;
	padding: 1px 3px;
	}

/**************************************************
CABECERAS
**************************************************/

h1, h1 span {
	width: 512px;
	height: 64px;
	}
	
#contenedor h1 { margin: 20px 0 0 100px; }
	
h1 span { background: url(images/bg-h1.png) no-repeat; }

#subtit, #subtit span {
	width: 266px;
	height: 25px;
	}
	
#subtit { margin: 0 0 10px 220px; }
	
#subtit span { background: url(images/bg-h1b.png) no-repeat; }

#concierto-mes, #exposicion, #enlaces, #llegar, #lista, #contacto { margin: 20px 0; }

#programacion h2, #programacion h2 span {
	width: 251px;
	height: 29px;
	}
	
#programacion h2 { margin: 0 auto 10px auto; }
	
#programacion h2 span { background: url(images/bg-h2-programacion.png) no-repeat; }

#concierto-mes, #concierto-mes span {
	width: 237px;
	height: 22px;
	}
	
#concierto-mes span { background: url(images/bg-h2-concierto-mes.png) no-repeat; }

#exposicion, #exposicion span {
	width: 188px;
	height: 22px;
	}
	
#exposicion { clear: both; }
	
#exposicion span { background: url(images/bg-h2-exposicion.png) no-repeat; }

#enlaces, #enlaces span {
	width: 129px;
	height: 22px;
	}
	
#enlaces span { background: url(images/bg-h2-enlaces.png) no-repeat; }

#llegar, #llegar span {
	width: 176px;
	height: 22px;
	}
	
#llegar span { background: url(images/bg-h2-llegar.png) no-repeat; }

#contacto, #contacto span {
	width: 142px;
	height: 22px;
	}
	
#contacto { margin-top: 30px; }
	
#contacto span { background: url(images/bg-h2-contacto.png) no-repeat; }

#lista, #lista span {
	width: 213px;
	height: 22px;
	}
	
#lista span { background: url(images/bg-h2-lista.png) no-repeat; }

#derecha h3 { font-size: 1.1em; }

#programacion h3 {
	display: inline-block;
	font-size: 1.8em;
	margin: 10px 0 20px 10px;
	padding: 5px;
	text-transform: uppercase;
	}

h3 { font-size: 1.4em; font-weight: bold; }
h4 { font-weight: bold; margin: 5px 0; }
h3.cabeceras-derecha { font-size: 1.2em; }

h2 { 
	border-bottom: 1px dashed #f6f5c5;
	}
	
.pagina-formulario h2 { display: none; }

/**************************************************
ENLACES
**************************************************/

a:link, a:visited { color: #f6f5c5; }

a:hover, a:active { color: #cc6; }

#programacion a { color: #000; }

#programacion a:hover, #programacion a:active { color: #aa2727; }

#lista-enlaces a, #mapa a { text-decoration: none; }

#copy a { text-decoration: none; }