/* --
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;
}

strong {
	font-weight: bold;
}

: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; }

/* ---------------------------------------------------  */

html, body {
	width: 100%;
}

body {
	font: 9pt Arial, Helvetica, sans-serif;
	background: #00BCF9 url(../img/bg_cross.gif);
}

em {
	font-style: italic;
	color: #555;
}

a, a:link {
	color: #36F;
}

a:hover {
	color: #ed008c;
	background: #FFF200;
}

a:active {
	color: #ED008C;
	background: #ED008C;
}

input, textarea {
	border:1px solid #ccc;
	font: 11pt "Courier New", Courier, monospace;
	background: #eee;
	resize: none;
}

.hover {
	border-color: #666;
	background: #f0f0f0;
}

.focus {
	border-color: #000;
	background: #FFF;
}

button {
	width: auto;
	padding: 3px 10px;
	border: 1px solid #999;
	background: #333 url(../img/btn_bg.gif) 0 10px repeat-x;
	color: #FFF;
	cursor: pointer;
}

button.hover {
	background: #000;
	color: #FFF100;
}

button.focus {
	background: #333;
	color: #FFF100;
}

#pagina_ext {
	width: 100%;
	overflow: hidden;
	background: url(../img/top_bg.gif) top repeat-x;
}

#pagina_wrapper {
	width: 960px;
	background: url(../img/bg_shadow.png) 0 30px no-repeat;
}

/*flotar*/
.right {
	float: right;
	margin-left: 5px;
}

.left {
	float: left;
	margin-right: 5px;
}

/*texto pequeño*/
.nota {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #666;
}

/*=NAVEGACION*/

#nav {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 30px;
	border-bottom: 6px solid #FFF200;
	background: #FFF;
}

#nav a {
	color: #0074a6;
}

#nav h1 {
	width: 200px;
	height: 220px;
	background: url(../img/logo_mamm.png) center no-repeat;
}

#nav h1 a, #nav h1 a:hover {
	display:block;
	width: 200px;
	height: 220px;
	background: transparent;
}

#nav h1 a span {
	display: none;
}

#nav ul {
	border-top: 1px solid #00aef0;
	width: 180px;
}

#nav li a {
	display: block;
	width: 160px;
	padding: 3px 0 3px 20px;
	border-bottom: 1px solid #00aef0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: url(../img/nav_bg.gif) 0 50% no-repeat;
}

#nav li a:hover, #nav .navhover {
	background-color: #FFF200;
	background-position: -200px 50%;
	color: #003850;
}

#inicio #nav_inicio,
#exposicion #nav_exposicion,
#programacion #nav_educultura,
#educacion #nav_educacion,
#cine #nav_cine,
#eventos #nav_eventos,
#tienda #nav_tienda,
#noticias #nav_noticias,
#suscripcion #nav_suscripcion,
#contacto #nav_contacto, 
#museo #nav_museo {
	background-color: #FFF;
	background-position: -400px 50%;
	color: #5dceff;
	cursor: default;
}

#flickr h3 {
	height: 20px;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(../img/flickr_tit.gif) center no-repeat;
}

#flickr div {
	width: 151px;
	height: 75px;
	margin: 0 auto;
	padding: 2px;
	text-align: center;
	border: 1px solid #01aef0;
}

#flickr div img {
	display: inline;
	float: left;
}

#blogs {
	margin-top: 10px;
}

#blogs dt {
	width: 160px;
	padding: 3px 0 3px 20px;
	background: #00aef0;
	color: #FFF;
}

#blogs dd {
	margin: 3px 0;
}

#blogs dd a {
	display: block;
	width: 160px;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	background: url(../img/blogs_bg.gif) 10px 6px no-repeat;
}

#blogs dd a:hover {
	background-color: #FFF200;
	background-position: -190px 6px;
	color: #003850;
}

#facebook {
	margin: 10px 0;
}

#facebook a {
	display: block;
	height: 32px;
	background: url(../img/facebook_tit.gif) 10px 0 no-repeat;
}

#facebook a:hover {
	background-color: #00bdf8;
}

#facebook a span {
	display: none;
}

/*=CONTENIDO*/

#pagina {
	position: relative;
	display: inline;
	float: left;
	width: 730px;
}

#horario {
	position: absolute;
	left: 0;
	top: 0;
	width: 730px;
	z-index: 1;
}

#horario h4 {
	width: 80px;
	height: 17px;
	padding: 7px 0 6px 0;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	background: #FFF200;
}

#horario dl {
	display: none;
	height: 46px;
	padding: 10px;
	font-size: 8pt;
	background: #7FD8FF;
}

#horario dt {
	font-weight: bold;
}

#horario dd {
	margin-left: 30px;
}

#pagina h2 {
	width: 730px;
	height: 96px;
	text-indent: -9999px;
	background: url(../img/eslogan.png) 100% 100% no-repeat;
}

#contenido {
	position: relative;
	min-height: 650px;
	padding: 10px 110px 10px 10px;
	background: #FFF url(../img/contenido_bg.gif) right repeat-y;
}

/*hack IE6*/
* html #contenido {
	height: 650px;
}

#seccion_id {
	position: absolute;
	left: 630px;
	top: 0;
	width: 100px;
	height: 650px;
}

#seccion_id h3 {
	display: none;
}

/* =INFORMACION= */

#info {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

#info h3 {
	clear: both;
	margin: 10px 0;
	font-size: 15pt;
	color: #09F;
}

#info h4.sede {
	clear: both;
	width: 100%;
	margin: 5px 0;
	padding:  5px;
	background: #00AEF0;
	color: #FFF;
}

#info h4, #info h4 a {
	margin-top: 10px;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #ed008c;
}

#info p, #info ul {
	line-height: 130%;
	margin: 7px 0;
}

#info li {
	padding-left: 10px;
	background: url(../img/vineta.gif) 0 5px no-repeat;
}

.info_descargar {
	padding: 5px;
	font-size: 10pt;
	line-height: 15pt;
	background: #F0F0F0;
}

.info_descargar a {
	padding-left: 14px;
	background: url(../img/ic_down.gif) no-repeat;
}

.col {
	display: inline;
	float: left;
	width: 290px;
}

.colsep {
	margin-left: 30px;
}

#col1 {
	display: inline;
	float: left;
	width: 290px;
}

#col2 {
	display: inline;
	float: right;
	width: 290px;
}

.info_nota {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 130%;
}

#info .info_nota h4 {
	margin: 0;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #ED008C; 
}

#info .info_nota h4 span {
	color: #09F;
}

.info_nota dt {
	padding-left: 4px;
	border-left: 3px solid #ED008C;
	font-size: 10pt;
	color: #ED008C;
}

.info_nota dd {
	margin: 0 0 10px 5px;
	font-size: 8pt;
}

.info_destacada {
	width: 277px;
	margin-top: 5px;
	padding: 0 5px;
	border: 1px solid #FFF200;
	background: #FFD;
}

.info_nota .tabla {
	width: 100%;
	border-top: 1px solid #666;
	font-size: 8pt;
}

.info_nota .tabla td {
	padding: 3px 0;
	border-bottom: 1px solid #666;
}

.aclaracion {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	background: #F0F0F0;
}

.datos {
	font-size: 11px;
	color: #666;
}

.encomillado {
	font-style: italic;
	color: #666;
}

/* =PIE= */

#pie_ext {
	clear: both;
	width: 100%;
	background: url(../img/pie_bg.gif) repeat-x;
}

#pie {
	position: relative;
	width: 850px;
	height: 46px;
	padding-top: 4px;
	text-align: right;
	font-size: 11px;
}

#pie p {
	color: #FFF;
}

#pie_img {
	position: absolute;
	left: 860px;
	top: -74px;
	width: 96px;
	height: 124px;
	background: url(../img/pie_sede.png);
}

#pie_img a:hover {
	background-color: transparent;
}

#datos {
	padding-top: 10px;
}

#datos a {
	color: #FFF;
}
#datos a:hover {
	background-color: transparent;
	color: #FFF200;
}

#cred {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 110px;
	height: 10px;
}

#cred a {
	display: block;
	width: 100%;
	height: 10px;
	background: url(../img/nob.gif) 50% 0 no-repeat;
}

#cred a:hover {
	background-position: 50% -10px;
}

#cred a span {
	display: none;
}

/*===========================
SECCIONES
===========================*/

/* =EXPOSICIÓN= */

#exposicion #seccion_id {
	background: url(../img/t_exposicion.gif);
}

.expo_nota {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.expo_foto {
	display: inline;
	float: left;
	width: 300px;
	text-align: right;
	font: 7pt Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}

.expo_info {
	display: inline;
	float: right;
	width: 300px;
	line-height: 130%;
}

.expo_info h4 {
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #ED008C; 
}

.expo_info h4 span {
	color: #09F;
}

.expo_nota p {
	margin: 5px 0;
}

/*===========================
AMPLIAR INFO
===========================*/
.ampliacion {
	display: none;
}

.ampliacion .destacado, #fancy_div .destacado {
	font-weight: bold;
	color: #666;
}

.ampliacion .fecha, #fancy_div .fecha {
	color: #ED008C;
}


/* =PROGRAMACIÓN= */

#programacion #seccion_id {
	background: url(../img/t_programacion.gif);
}

/* =EDUCACIÓN= */

#educacion #seccion_id {
	background: url(../img/tit_educacion.gif);
}

/* =EDUCACIÓN= */

#cine #seccion_id {
	background: url(../img/t_cine.gif);
}

/* =TIENDA= */

#tienda #seccion_id {
	background: url(../img/t_tienda.gif);
}

/* =NOTICIAS= */

#noticias #seccion_id {
	background: url(../img/t_noticias.gif);
}

/* =SUSCRIPCIÓN= */

#suscripcion #seccion_id {
	background: url(../img/t_suscripcion.gif);
}

#aclaracion {
	margin-top: 10px;
	color: #666;
}

/* =CONTACTO= */

#contacto #seccion_id {
	background: url(../img/t_contacto.gif);
}

#formulario form {
	margin-top: 10px;
	padding: 5px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

#formulario .campo {
	width: 100%;
	overflow: hidden;
	margin: 4px 0;
}

#formulario .etiq {
	display: inline;
	float: left;
	width: 200px;
	padding: 5px 10px 0 0;
	text-align: right;
	font-size: 9pt;
}

#formulario .dato {
	display: inline;
	float: left;
	width: 370px;
}

#formulario .error {
	font-weight: bold;
	color: #C00;
}

#formulario input,
#formulario textarea {
	width: 370px;
	height: 20px;
	padding: 2px 0 0 5px;
}

#formulario .campo textarea {
	height: 200px;
	overflow: auto;
}

#formulario button {
	margin-left: 210px;
}

#exito {
	padding: 10px;
	border-bottom: 2px solid #000;
	font-size: 14pt;
}

#error {
	position: relative;
	padding: 5px 0 5px 5px;
	font-size: 10pt;
	background:#C00; color:#FFF;
}

#dependencias {
	display: inline;
	float: left;
	width: 290px;
	margin-top: 10px;
}

#dependencias dt {
	margin-top: 7px;
	font-weight: bold;
}

#dependencias dd {
	margin-left: 10px;
}

#direccion {
	display: inline;
	float: right;
	width: 285px;
	margin-top: 10px;
	padding-left: 5px;
	border-left: 2px solid #ed008c;
	line-height: 160%;
}

#direccion h4 {
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: bold;
	color: #ed008c;
}

/* =MUSEO= */

#museo #seccion_id {
	background: url(../img/t_museo.gif);
}

#foto_sede {
	width: 100%;
	overflow: hidden;
}

#foto_sede span {
	font: 7pt Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

#foto_sede .foto{
	width: 286px;
	padding: 2px;
	background: #00aef0;
	text-align: right;
}

#patrocinio dt {
	margin: 12px 0 5px 0;
	padding: 4px;
	font: 11pt Arial, Helvetica, sans-serif;
	background: #00AEF0;
	color: #FFF;
}

#patrocinio dd {
	margin: 5px 0 5px 10px;
	padding-left: 5px;
	border-left: 3px solid #FFF200;
}

#patrocinio dd a {
	display: block;
	padding: 2px;
}

#cnch {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/cnch.png) left center no-repeat;
}

#sura {
	display: block;
	width: 260px;
	height: 46px;
	margin: 0 auto;
	background: url(../museo/img/sura.png) left center no-repeat;
}

#epm {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/epm.png) left center no-repeat;
}

#ayc {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/ayc.png) left center no-repeat;
}

#clofan {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/clofan.png) left center no-repeat;
}

#coninsa {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/coninsa.png) left center no-repeat;
}

#estra {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/estra.png) left center no-repeat;
}

#londonog {
	display: block;
	width: 260px;
	height: 80px;
	margin: 0 auto;
	background: url(../museo/img/londonog.png) left center no-repeat;
}

#mensula {
	display: block;
	width: 260px;
	height: 40px;
	margin: 0 auto;
	background: url(../museo/img/mensula.png) left center no-repeat;
}

#alcaldia {
	display: block;
	width: 260px;
	height: 70px;
	margin: 0 auto;
	background: url(../museo/img/alcaldia.png) center no-repeat;
}

#patrocinio dd a span {
	display: none;
}