/*-----------------------------------------
Panaderia La Blonda
by Genius Concepts.
(C) 2009. All Rights Reserved.
http://www.geniusconcepts.com/
------------------------------------------*/
body {
	margin:0; padding:0;
	background:url(../images/bg_body.jpg) 0 0 repeat-x #cd9905;
	font-size:10px;
	font-family:Arial Helvetica, sans-serif;
	color:#fafafa;
}

div, span, ul, li, a, p, h1, h2, h3, h4, h5, form, input, textarea, button { margin:0; padding:0; }

ul, li { list-style-type:none; }

a, a:visited { text-decoration:none; }

.clear { clear:both; }

.hr {
	display:block;
	font-size:0em;
	border-bottom:1px dashed #efbc9e;
	margin:12px 27px;
}

/************************************/

#wrapper {
	margin:12px auto;
	width:753px;
	background:url(../images/bg_main.jpg) 0 0 repeat-y;
	}
	#wrapperTop {
		clear:both;
		background:url(../images/bg_main_top.jpg) 0 0 no-repeat;
		height:8px;
		display:block;
	}
	#wrapperBottom {
		clear:both;
		background:url(../images/bg_content_bottom.jpg) 0 bottom no-repeat;
		height:8px;
		display:block;
	}
	#header {
		float:left;
		width:231px;
		height:603px;
		display:block;
		background:url(../images/bg_header.jpg) right 40px no-repeat;
		}
		#header h1 span {  display:none; }
		
	#contentWrapper {
		float:left;
		display:block;
		width:504px;
		background:#dc6b29;
		}
		#globalNav {
			color:#a5501f;
			height:35px;
			background:url(../images/bg_content_top.gif) 0 0 no-repeat #a5501f;
		}
		#globalNav ul {
			margin:0 0 0 70px;
			}
			#globalNav li {
				display:inline;

				}
				#globalNav li a {
					height:1%;
					color:#fff;
					font-size:1.3em;
					float:left;
					display:block;
					background:center 0 no-repeat;
					padding:1.2em 3.5em 1.4em;
					}
					#globalNav li a.navInicio{ background-image:url(../images/nav_inicio.gif); }
					#globalNav li a.navGaleria{ background-image:url(../images/nav_galeria.gif); }
					#globalNav li a.navCursos{ background-image:url(../images/nav_cursos.gif); }
					#globalNav li a.navContacto{ background-image:url(../images/nav_contacto.gif); }
					#globalNav li a span { display:none; }
					#globalNav li a:hover { background-position:center -35px; }
					
		#mainContent {
			margin:40px 0 0 0;
			font-size:1.2em;
			}	
			#mainContent img.left { float:left; margin:0 10px 10px 25px; }
			#mainContent img.right { position:relative;	float:right; margin:0 20px 10px 15px; }
			#mainContent a, #mainContent a:visited { color:#f6e5b2; } 
			#mainContent a:hover {color:#fff;}
			#mainContent p { margin: 15px 25px; }
			#mainContent h2, #mainContent h3 {
				margin:0 0 0 25px;
				height:22px;
				display:block;				
				background:0 0 no-repeat				
			}
				#mainContent h2.titleBlonda { background-image:url(../images/titleBlonda.gif); }
				#mainContent h3.titleEspecialidades { background-image:url(../images/titleEspecialidades.gif); margin:0 0 0 175px; }
				#mainContent h2.titleGaleria { background-image:url(../images/titleGaleria.gif); }
				#mainContent h2.titleCursos { background-image:url(../images/titleCursos.gif); margin-bottom:15px; }
				#mainContent h2.titleContacto { background-image:url(../images/titleContacto.gif); margin-bottom:15px;  }
				#mainContent h2.titleMilagro { background-image:url(../images/titleMilagro.gif); }
				#mainContent h2, #mainContent h3 { overflow:hidden; text-indent:-999999px; }
			
			#mainContent ul.specList {
				width:260px;
				float:left;
				margin:0 0 25px 0;
				}
				#mainContent ul.specList  li {
					background:url(../images/bullet_star.gif) 0 2px no-repeat;
					padding:0 0 0 17px;
					margin:7px;
				}
			
			#panelGallery {
				clear:both;
				background:url(../images/bg_galeria_bottom.gif) 0 bottom no-repeat;
				height:250px;
				margin:40px 0 0 0 ;
				display:block;
				}
				#panelGallery strong {
					display:block;
					height:38px;
					background:url(../images/bg_galeria_top.gif) -1px 0 no-repeat #dc6b29;
					margin:0 0 0 23px;
					}
					#panelGallery strong span { display:none; }
				#panelGallery ul {
					margin:0 0 0 23px;
					padding:0 0 0 15px;
					background:#fff;
					height:200px;
					width:444px;
					}					
					#panelGallery ul li {
						display:inline;
					}
					#panelGallery ul li a {
						float:left;
						margin:12px 20px 5px 0;
					}
					
			#footer {
				background:#f7f3f0;
				text-align:center;
				padding:10px 0 0 0;
			}
			#footer ul { 
				width:225px;
				margin:0 auto;
				height:20px;
				overflow:hidden;
			}
			#footer ul li {	display:inline; }
			#footer ul li a, #footer ul li a:visited { 
				float:left; display:block;
				padding:0.1em 0.9em 0.1em 1.2em;
				color:#a5501f;
				background:url(../images/sep_footer.gif) left 2px no-repeat;
				margin:0 0 0 -3px;
			}
				#footer ul li a:hover{ 
					color:#d19c08;
				}
			#footer span {
				font-family:Tahoma;
				display:block;
				clear:both;
				padding:0 0 10px 0;
				color:#444;
			}



			#galleryContent {
				padding-bottom:25px;
				}
				#galleryContent ul {
					clear:both;
					width:440px;
					margin:2px 0 20px 50px;
					display:block;
					}
					#galleryContent ul li {
						margin:0 9px 5px 0; 
						float:left;
						border-right:2px solid #CE5F1E;
						border-bottom:2px solid #CE5F1E;
						}
						#galleryContent li a {
							border:1px solid #873200;
							display:block;
							height:50px;
						}
				#galleryContent h3 {
					background-image:url(../images/titleBabyShower.gif);
					float:none;
					clear:both;
					margin:0 0 10px 30px;
					height:25px;
					background-position:0px bottom;
					cursor:pointer;
				}						
				#galleryContent h3.titleBabyShower { background-image:url(../images/titleBabyShower.gif); }
				#galleryContent h3.titleCumpleanos { background-image:url(../images/titleCumpleanos.gif); }
				#galleryContent h3.titleMatrimonios { background-image:url(../images/titleMatrimonios.gif); }
				#galleryContent h3.titleOtrasCelebraciones { background-image:url(../images/titleOtrasCelebraciones.gif); }
				#galleryContent h3.titlePrimeraComunion { background-image:url(../images/titlePrimeraComunion.gif); }