/* FEMSA Microsite
   BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 12px arial, helvetica, sans-serif; color: #000; }
table, th, td { font: 12px arial, helvetica, sans-serif; color: #000; }
 
a img, :link img, :visited img { border: none; }

a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover, a:active { color: #999; text-decoration: underline; }

ol, ul, dl { padding-left:20px; }
dd { margin-bottom:10px; }

blockquote	{ margin: 10px 20px; }

#skip { display: none; }

.artist_link { margin-left:-20px; list-style:none outside; }
.artist_link li { padding-bottom:3px; list-style:none outside; }




/* STYLING ELEMENTS
------------------------------------------------------------------------------------- */
#container { background: url(../images/bg_content.gif) repeat-y 50% 0; }

#header { position: relative; background: url(../images/bg_headtop.gif) no-repeat 50% 0; z-index: 50; }
* html #header { height: 1%; }
	#header .center { margin: 0 auto; padding: 0 20px; position: relative; width: 720px; }	

#splashheader { position: relative; height: 265px; background: url(../images/bg_headtop.gif) no-repeat 50% 0; }
	#splashheader .splashcenter { margin: 0 auto; padding: 0 20px; position: relative; width: 720px; height: 265px; }

.content { margin: 0 auto; padding: 0 20px; position: relative; text-align: left; width: 720px; }
* html .content { width: 760px; height:1%; w\idth: 720px; }

#footer { height: 26px; background: url(../images/bg_footbot.gif) no-repeat 50% 0; }


/* SPECIFIC STYLES
------------------------------------------------------------------------------------- */
.topbar { line-height: 23px; }
.logo { padding-top: 30px; float: left; }
.head { margin: 0 auto; padding-top:30px; /*width: 720px;*/ color: #999; font-size: 10px; line-height: 23px; }
	.head a { padding: 2px 5px; color: #666; text-decoration: none; }
	.head a:hover { text-decoration: underline; }
	.head .off { padding-left: 8px; background: url(../images/bg_top_arrow.gif) no-repeat 0% 3px; }

	.languages { margin-right: 287px; padding: 7px 15px 7px 0; border-right: 1px solid #b1b1b1; display:block; }
	.languages a { margin: 0 5px 0 0; }
	.head a.on { padding-left: 20px; background: url(../images/bg_top_bubble.gif) no-repeat 0% 0%; }

	#topnav { position: absolute; top: 35px; right: 20px; }
		#topnav li { padding-left:15px; list-style: none; float: left; font-size: 10px; }

		#topnav a { }
		#topnav a:hover { text-decoration: underline; }

		#topnav .home { margin-right: 8px; background: url(../images/bg_top_home.gif) no-repeat 0% 0%; }
		#topnav .sitemap { background: url(../images/bg_top_sitemap.gif) no-repeat 0% 0%; }
		#topnav .collection a { padding: 0; }

	.s_img { margin: 10px 0 0; }
	
/********************************** NAVIGATION START *******************************/	
#nav, #nav2 { position: relative; width: 720px; height: 46px;  }
#nav, #nav *, #nav2, #nav2 * { padding: 0; }
#nav li, #nav2 li { float: left; position: relative; width: 120px; height: 46px; list-style: none; text-align: center; font-size: 10px; }
#nav2 li { width: 144px; }
#nav li a, #nav2 li a { cursor: pointer; width: 120px; text-decoration: none; }
#nav2 li a { width: 144px; }
#nav li a, #nav li div, #nav2 li a, #nav2 li div { padding: 16px 0 0; width: 120px; height: 30px; position: relative; display: block; }
#nav2 li a, #nav2 li div { width: 144px; }
#nav li strong, #nav2 li strong { position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 46px; }
#nav2 li strong { width: 144px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }
#nav2 li, #nav2 li a, #nav2 li strong, #nav2 li div { background-image: url(../images/nav_coleccin.gif); }

#nav li.viii-bmf, #nav li.viii-bmf a, #nav li.viii-bmf a strong				{ background-position: 0px 0px; }
#nav li.memoria-bmf, #nav li.memoria-bmf a, #nav li.memoria-bmf a strong				{ background-position: -120px 0px; }
#nav li.comunidad-bmf, #nav li.comunidad-bmf a, #nav li.comunidad-bmf a strong	{ background-position: -240px 0px; }
#nav li.ligas-de-inters, #nav li.ligas-de-inters a, #nav li.ligas-de-inters a strong			{ background-position: -360px 0px; }
#nav li.publicaciones, #nav li.publicaciones a, #nav li.publicaciones a strong			{ background-position: -480px 0px; }
#nav li.contactos, #nav li.contactos a, #nav li.contactos a strong				{ background-position: -600px 0px; }

#nav2 li.coleccin-femsa, #nav2 li.coleccin-femsa a, #nav2 li.coleccin-femsa a strong				{ background-position: 0px 0px; }
#nav2 li.exposiciones, #nav2 li.exposiciones a, #nav2 li.exposiciones a strong				{ background-position: -144px 0px; }
#nav2 li.ligas-de-inters, #nav2 li.ligas-de-inters a, #nav2 li.ligas-de-inters a strong	{ background-position: -288px 0px; }
#nav2 li.publicaciones, #nav2 li.publicaciones a, #nav2 li.publicaciones a strong			{ background-position: -432px 0px; }
#nav2 li.contactos, #nav2 li.contactos a, #nav2 li.contactos a strong				{ background-position:  -576px 0px;  }


/* HOVER STATE */
#nav li.viii-bmf a:hover, #nav li.viii-bmf a:hover strong			{ background-position: 0px -46px; }
#nav li.memoria-bmf a:hover, #nav li.memoria-bmf a:hover strong			{ background-position: -120px -46px; }
#nav li.comunidad-bmf a:hover, #nav li.comunidad-bmf a:hover strong	{ background-position: -240px -46px; }
#nav li.ligas-de-inters a:hover, #nav li.ligas-de-inters a:hover strong		{ background-position: -360px -46px; }
#nav li.publicaciones a:hover, #nav li.publicaciones a:hover strong		{ background-position: -480px -46px; }
#nav li.contactos a:hover, #nav li.contactos a:hover strong			{ background-position: -600px -46px; }

#nav2 li.coleccin-femsa a:hover, #nav2 li.coleccin-femsa a:hover strong			{ background-position: 0px -46px; }
#nav2 li.exposiciones a:hover, #nav2 li.exposiciones a:hover strong			{ background-position: -144px -46px; }
#nav2 li.ligas-de-inters a:hover, #nav2 li.ligas-de-inters a:hover strong	{ background-position: -288px -46px; }
#nav2 li.publicaciones a:hover, #nav2 li.publicaciones a:hover strong		{ background-position: -432px -46px; }
#nav2 li.contactos a:hover, #nav2 li.contactos a:hover strong			{ background-position: -576px -46px; }

/* ON STATE */
#nav li.viii-bmfon, #nav li.viii-bmfon strong, #nav li.viii-bmfon div				{ background-position: 0px -92px; }
#nav li.memoria-bmfon, #nav li.memoria-bmfon strong, #nav li.memoria-bmfon div				{ background-position: -120px -92px; }
#nav li.comunidad-bmfon, #nav li.comunidad-bmfon strong, #nav li.comunidad-bmfon div	{ background-position: -240px -92px; }
#nav li.ligas-de-interson, #nav li.ligas-de-interson strong, #nav li.ligas-de-interson div			{ background-position: -360px -92px; }
#nav li.publicacioneson, #nav li.publicacioneson strong, #nav li.publicacioneson div			{ background-position: -480px -92px; }
#nav li.contactoson, #nav li.contactoson strong, #nav li.contactoson div				{ background-position: -600px -92px; }

#nav2 li.coleccin-femsaon, #nav2 li.coleccin-femsaon strong, #nav2 li.coleccin-femsaon div				{ background-position: 0px -92px; }
#nav2 li.exposicioneson, #nav2 li.exposicioneson strong, #nav2 li.exposicioneson div				{ background-position: -144px -92px; }
#nav2 li.ligas-de-interson, #nav2 li.ligas-de-interson strong, #nav2 li.ligas-de-interson div	{ background-position: -288px -92px; }
#nav2 li.publicacioneson, #nav2 li.publicacioneson strong, #nav2 li.publicacioneson div			{ background-position: -432px -92px; }
#nav2 li.contactoson, #nav2 li.contactoson strong, #nav2 li.contactoson div				{ background-position: -576px -92px; }

#nav li ul, #nav2 li ul { display: none; position: absolute; top: 46px; left: 0px; }
#nav li > ul, #nav2 li > ul { top: 46px; left: 0px; }

/* DROPDOWNS */
#nav li:hover ul, #nav li.over ul { display: block; width: 120px; opacity: .95; filter: alpha(opacity=95); border: 1px solid #ccc; border-width: 1px 1px 2px; }

#nav li li { height: auto; width: 118px; line-height: normal; font-weight: normal; border-bottom: 1px solid #ddd; }
#nav li li a { padding: 3px 10px 4px; display: block; width: 100px; height: 100%; color: #036; text-decoration: none; font-size: 11px; font-weight: bold; background: #eee; }
* html #nav li li a { width: 120px; w\idth: 100px; }

#nav li li a:hover { /*color: #3c9;*/ color: #fff; background: #036; }


#nav2 li:hover ul, #nav2 li.over ul { display: block; width: 140px; opacity: .95; filter: alpha(opacity=95); border: 1px solid #ccc; border-width: 1px 1px 2px; }
#nav2 li li { height: auto; width: 140px; line-height: normal; font-weight: normal; border-bottom: 1px solid #ddd; }
#nav2 li li a { padding: 3px 10px 4px; display: block; width: 120px; height: 100%; color: #036; text-decoration: none; font-size: 11px; font-weight: bold; background: #eee; }
* html #nav2 li li a { width: 140px; w\idth: 120px; }
#nav2 li li a:hover { /*color: #3c9;*/ color: #fff; background: #036; }

/************************************** NAVIGATION END *****************************************/


.splash_col1 { margin: 20px 20px 0 0; float: left; width: 350px; }
.splash_col2 { margin-top: 20px; float: left; width: 350px; }

.h_col1 { margin: 0 20px 0 0; float: left; width: 350px; }
.h_col2 { margin-top: 0; float: left; width: 350px; }

.s_col1 { margin-top: 0; margin-right: 20px; float: left; width: 160px; }
.s_col2 { margin-top: 0; float: left; width: 540px; }

img.registrate { margin-top: 20px; }

/* old styles */
.pinkbox { margin-top:10px; padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_pinkbox_bot.gif) 0 100%; }
.pinkbox a { color: #036; }
	.pinkbox .top { height: 10px; background: url(../images/bg_pinkbox_top.gif); }
	.pinkbox h2 { height: 30px; background: url(../images/header_noticias.gif) no-repeat 20px 10px; }
	.pinkbox p { padding: 0 20px 10px; line-height: 16px; }
	.pinkbox img.item { margin: 4px 0 5px 10px; }

.orangebox { padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_orangebox_bot.gif) 0 100%; }
.orangebox a { color: #036; }
	.orangebox .top { height: 10px; background: url(../images/bg_orangebox_top.gif); }
	.orangebox h2 { height: 30px; background: url(../images/bienvenido.gif) no-repeat 20px 10px; }
	.orangebox p { padding: 0 20px 10px; line-height: 16px; }
	.orangebox img.item { margin: 4px 0 5px 10px; }

.greenbox { padding-bottom: 10px; width: 350px; background: url(../images/bg_greenbox_bot.gif) 0 100% no-repeat; }
	.greenbox .top { height: 10px; background: url(../images/bg_greenbox_top.gif); }
	.greenbox dl { padding: 5px 20px 15px;  font-size: 11px; }
	.greenbox dt { font-size: 10px; color: #2b4444; }
	.content .h_col2 .greenbox dl dd a {color:#004269; }
	.greenbox dd.last { padding-bottom: 0; }
	.greenbox p { padding: 0 20px; }
	.content .h_col2 .greenbox p .more { padding-left: 10px; color: #004069; font-size: 11px; background: url(../images/bg_greenbox_arrow.gif) no-repeat 0% 4px; }
	.greenbox h2 { height: 30px; width: 200px; background: url(../images/comunicados.gif) no-repeat 20px 10px; }

/* new styles */
.redbox { margin-top:10px; padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_redbox_bottom.gif) 0 100%; }
.redbox a { color: #036; }
	.redbox .top { height: 5px; background: url(../images/bg_redbox_top.gif); }
	.redbox h2 { height: 30px; background: url(../images/red_noticias.gif) no-repeat 0px 0px; }
	.redbox p { padding: 0 20px 10px; line-height: 16px; }
	.redbox img.item { margin: 4px 0 5px 10px; }
        .redbox div span { display:block; width:200px heigth:14px; margin-left:18px; }
        .redbox div h2 span { display:none; }

.darkgreenbox { padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_darkgreenbox_bottom.gif) 0 100%; }
.darkgreenbox a { color: #036; }
	.darkgreenbox .top { height: 5px; background: url(../images/bg_darkgreenbox_top.gif); }
	.darkgreenbox h2 { height: 30px; background: url(../images/darkgreen_bienvenido.gif) no-repeat 0px 0px; }
	.darkgreenbox p { padding: 0 20px 10px; line-height: 16px; }
	.darkgreenbox img.item { margin: 4px 0 5px 10px; }

.yellowbox { padding-bottom: 10px; width: 350px; background: url(../images/bg_yellowbox_bottom.gif) 0 100% no-repeat; }
	.yellowbox .top { height: 5px; background: url(../images/bg_yellowbox_top.gif); margin-left:-1px; }
	.yellowbox dl { padding: 5px 20px 15px;  font-size: 11px; }
	.yellowbox dt { font-size: 10px; color: #2b4444; }
	.content .h_col2 .yellowbox dl dd a {color:#004269; }
	.yellowbox dd.last { padding-bottom: 0; }
	.yellowbox p { padding: 0 20px; }
	.content .h_col2 .yellowbox p .more { padding-left: 10px; color: #004069; font-size: 11px; background: url(../images/bg_greenbox_arrow.gif) no-repeat 0% 4px; }
	.yellowbox h2 { height: 30px; background: url(../images/yellow_comunicados.gif) no-repeat 0px 0px; margin-left:-1px; }

/* new styles 2011 */ 
.junglebox { margin-top:10px; padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_junglebox_bottom.gif) 0 100%; }
.junglebox a { color: #036; }
	.junglebox .top { height: 5px; background: url(../images/bg_junglebox_top.gif); }
	.junglebox h2 { height: 30px; background: url(../images/jungle_noticias.gif) no-repeat 0px 0px; }
	.junglebox p { padding: 0 20px 10px; line-height: 16px; }
	.junglebox img.item { margin: 4px 0 5px 10px; }
        .junglebox div span { display:block; width:200px heigth:14px; margin-left:18px; }
        .junglebox div h2 span { display:none; }

.darkpurplebox { padding-bottom: 10px; width: 350px; font-size: 11px; background: url(../images/bg_darkpurplebox_bottom.gif) 0 100%; }
.darkpurplebox a { color: #036; }
	.darkpurplebox .top { height: 5px; background: url(../images/bg_darkpurplebox_top.gif); }
	.darkpurplebox h2 { height: 30px; background: url(../images/darkpurple_bienvenido.gif) no-repeat 0px 0px; }
	.darkpurplebox p { padding: 0 20px 10px; line-height: 16px; }
	.darkpurplebox img.item { margin: 4px 0 5px 10px; }

.tealbox { padding-bottom: 10px; width: 350px; background: url(../images/bg_tealbox_bottom.gif) 0 100% no-repeat; }
	.tealbox .top { height: 5px; background: url(../images/bg_tealbox_top.gif); margin-left:-1px; }
	.tealbox dl { padding: 5px 20px 15px;  font-size: 11px; }
	.tealbox dt { font-size: 10px; color: #2b4444; }
	.content .h_col2 .tealbox dl dd a {color:#004269; }
	.tealbox dd.last { padding-bottom: 0; }
	.tealbox p { padding: 0 20px; }
	.content .h_col2 .tealbox p .more { padding-left: 10px; color: #004069; font-size: 11px; background: url(../images/bg_greenbox_arrow.gif) no-repeat 0% 4px; }
	.tealbox h2 { height: 30px; background: url(../images/teal_comunicados.gif) no-repeat 0px 0px; margin-left:-1px; }


.box1 h2 { background: url(../images/bg_splash_title1.gif); }
.box2 h2 { background: url(../images/bg_splash_title2.gif); }

.sidebar { float:right; width:180px; margin:10px 0 0 10px; border-left:1px solid #efefef; padding:20px 0 20px 20px }

.s_content p.date { padding:0; font-size:11px; color:#333; }
.s_content p.author { padding:0; }

.splashbox { padding: 0 0 10px 0; width: 350px; min-height: 260px; background: url(../images/bg_splash_box_bot.gif) no-repeat 0 100%; }
* html .splashbox { height: 270px; he\ight: 260px; }
	.splashbox h2 { margin: 0 10px 10px; width: 330px; height: 40px; }
	.splashbox .top { height: 10px; background: url(../images/bg_splash_box_top.gif); }
	.splashbox p { padding: 0 11px 10px; line-height: 16px; }
	.splashbox img.bmflogo { margin-bottom: 10px; }

.splashbox a.more { padding-left: 10px; background: url(../images/bg_top_arrow.gif) no-repeat 0% 4px; }
.pinkbox a.more { padding-left: 10px; background: url(../images/arrow_blue.gif) no-repeat 0% 4px; }

.content_top { width:540px; height: 10px; background: url(../images/bg_sub_content_top.gif); }
.s_content { position:relative; width:500px; padding: 0 20px 20px; background: url(../images/bg_sub_content.gif) 0 100%; min-height:300px; }
* html .s_content { height:300px; height:1%; }
	
	.s_content .bot { width:540px; position:absolute; bottom:0; left:0; height: 9px; background: url(../images/bg_sub_content_bot.gif) 0 100%; }

	.s_content .breadcrumb { font-size: 10px; margin-top:0; padding-top:0; margin-bottom:20px; }
	.s_content .breadcrumb a { color: #000; }
	.s_content .breadcrumb a:hover { color: #3c9; text-decoration: none; }

	.s_content h1, .s_content h2, .s_content h3 { padding: 0; font-size: 12px; }
	.s_content h2 { color: #333; padding: 10px 0 5px 0; }
	.s_content h3 { color: #666; padding: 10px 0 5px 0; }		
	.s_content p { padding: 0 0 15px 0; line-height: 18px; }

	.s_content ol li	{ margin-bottom: 15px; }
	.s_content ul li	{ margin: 5px 0; }
	.s_content ol ul	{ margin: 3px 0; }
	.s_content ol li ol	{ margin: 5px 0; }

.subnav { width: 160px; background: url(../images/bg_sub_nav_bot.gif) no-repeat 0 100%; }
.subnav .top { height: 10px; background: url(../images/bg_sub_nav_top.gif); }
	.subnav ul { padding:0 0 10px 0; width: 160px; }
	.subnav ul ul, .subnav ul ul ul { padding: 0; }
		.subnav li { list-style: none; font-size: 11px; color: #666; height:1%; }
		.s_col1 .subnav a { display: block; font-weight: bold; color: #036; height:1%; }
		.s_col1 .subnav li a { padding: 4px 10px 4px 20px; }
		.s_col1 .subnav li li a { padding: 4px 10px 4px 30px; }
		.s_col1 .subnav li li li a { padding: 4px 10px 4px 40px; }		
		.s_col1 .subnav li a:hover { color: #3c9; text-decoration: none; }
		.subnav li div { padding: 4px 10px 4px 20px; font-weight: bold; }
		.subnav li li div { padding: 4px 10px 4px 30px; font-weight: bold; }
		.subnav li li li div { padding: 4px 10px 4px 40px; font-weight: bold; }
		

.bottom { padding: 25px 0 5px 0; clear: both; text-align: right; width: 720px; font-size: 10px; color: #999; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { /*\*/height: 1%;/**/ }

.noborder { border: none; }

.floatleft { float: left; position: relative; }
.floatright { float: right; position: relative; }
img.floatleft { margin: 0 0 0 0; }
img.floatright { margin: 0 0 0 0; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.pdf { background:url(../images/link_pdf.gif) no-repeat 0 3px; padding-left:14px; }

.col		{ float: left; width: 35%; margin-right: 10px; font-size: 10px; }

.obras		{ height: 170px; padding: 10px 0; border-top: 1px solid #ccc; }
.obras img	{ clear: both; float: right; padding-left: 20px; }

p.primo		{ margin-top: 10px; }

/* FORMS
------------------------------------------------------------------------------------- */
#contact_table td { padding: 4px 3px; font-size: 12px; line-height: 18px; vertical-align: top; border-bottom: 1px solid #eee; }
#contact_table td.noborder { border: none; }
#contact_table td.lft { font-weight: bold; color: #666; white-space: nowrap; }
#contact_table .required, #contact_table .required2 { color: #f00; font-size: 12px; font-weight: bold; }
#contact_table .required2 { font-size:16px; }
#contact_table td small { line-height: 11px; }
#contact_table input, #contact_table select { padding: 2px; border: 1px inset #999; }
#contact_table input.checkbttn, #contact_table input.checkbox, #contact_table input.radiobutton { padding: 0; border: 0; }
#contact_table input.checkbox, #contact_table input.radiobutton { margin-right:5px; }
#contact_table input.formbttn { padding: 1px; color: #fff; font-weight: bold; font-size: 11px; background: #5F472F; border: 1px outset #999; cursor: pointer; }

/* GALLERY
------------------------------------------------------------------------------------- */
/* OLD */
.gallery { padding: 0 0 20px; }
.gallery div { clear: both; padding: 6px 0 8px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.gallery p { width: 320px; }
.gallery p.art { float: right; width: 160px; padding: 0; margin: 10px 0 0 5px; text-align: right; font-size: 11px; }
.art img { padding: 2px; border: 1px solid #ccc; }
.art a:link img { border:1px solid #ccc; }
.art a:hover img { border:1px solid #efefef; }
.art a:visited img { border:1px solid red; }
/* NEW 
.gallery { width:160px; float:right; }
.gallery img { border-bottom:1px solid #ccc; }
.gallery .art { margin:5px; padding:5px; border:1px solid #CCC; }
.gallery .description { }
.gallery h2 { font-size:13px; color:#0B3C6C; }
*/
.searchresults .col1, .searchresults .col2 { width:160px;  float:left; }
.searchresults .col1 { width:320px; margin-right:20px; display:inline; }
.searchresults h2 { color:#666; }
.searchresults ul { list-style:none; margin:0; padding:0; }
.searchresults a { font-weight:bold; color:#333; }
.searchresults .art { margin-bottom:10px; padding:8px; border:1px solid #CCC; font-size:11px; }
.searchresults .art h2 { font-size:12px; }
.searchresults .art img { padding:0; border:none; }

.artist_find { margin-top:10px; padding:5px; width:147px; background:#EFEFEF; border:1px solid #CCC; }
.artist_find h3, .artist_find input { margin:0 0 0 5px; }
.artist_find h3 { margin-bottom:5px; font-size:14px; color:#666; }
.artist_find select { width:135px; margin:0 0 5px 5px; display:block; }
.artist_find input {  }