@CHARSET "UTF-8";
/*$Id: stylesheet.css 98 2008-02-08 19:36:29Z miguelangel $*/
/* ============================================================================
 * Hacks usados
 * ============================================================================
 *    _propiedad: IE6 sólo
 *    *propiedad: IE6 y IE7
 *    * html .clase: IE6 sólo
 */
/* ============================================================================
 * Estilos generales
 * ============================================================================
 */
body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #222222;
    text-align: center; /*aqui mandamos a centrar todo el contenido*/
}

* {
		font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    padding: 0em;
    margin: 0em;
}

p, ol, ul {
    line-height: 1.3em;
    margin-top: 0.5em;
    margin-bottom: .9em;
}

textarea {
    font-size: 1em;
}

img {
    border: 0em
}

blockquote {
    padding: 0.5em 1em
}

blockquote p {
    font-size: 1.2em;
    font-style: italic;
    color: #666;
}

blockquote p strong {
    font-weight: normal
}

ul, ol {
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 2em;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

ol {
    list-style: decimal;
}

ul li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 2em;
}

ol li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 2em;
}

a:active, a:link, a:visited {
    color: #4a0b71;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

h1 {
		font-size: 2em;
    font-weight: bold;
    color: #2A1BC4;
    line-height: 1em;
    margin-bottom: 0.5em;
    border-bottom-style: none;
    padding: .2em;
    padding-top: 0em;
    _padding-top: 0;
    _padding-bottom: .0;
    margin-bottom: 0.7em;
}

h2, h2 a:link, h2 a:visited, h2 a:active {
		font-size: 1.7em;
    font-weight: bold;
    color: #6688D9;
    margin-bottom: 0.2em;
}

h2 strong {
    color: #000
}

h3 {
		font-size: 1.5em;
    font-weight: bold;
    color: #6688D9;
    line-height: 1em;
    margin-bottom: 0.2em
}

h3 a:link, h3 a:visited, h3 a:active {
    color: #6688D9;
}

h3 strong {
    color: #000
}
 
h4 {
		font-size: 1.3em;
    font-weight: bold;
    color: #333;
    line-height: 1em;
    margin-bottom: 0.2em
}

h5 {
		font-size: 1.2em;
    color: #333
}

h6 {
    font: bold 0.9em;
    margin-bottom: 0.2em
}

.linea {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.puntos {
    border-bottom: 0.1em dotted #999;
    padding-top: 0.5em;
    margin-bottom: 0.5em
}

.separar {
    border-top: 1em solid #fff;
    clear: both
}

.clear {
    clear: both;
}
/* ============================================================================
 * Estructura general
 * ============================================================================
 */
body {
    background: #f0f0f0;
}

/* ============================================================================
 * Página
 * ============================================================================
 */
#page {
	margin: 0 auto;
	width: 75em; /* 900px */
	width: 71.5em; /* 900px menos los bordes */
	border: 8px solid white;
}

/* ============================================================================
 * Header
 * ============================================================================
 */
#header {
	display: inline-block;
	width: 100%;
}

#header #cuadro_sup { 
	background: #8092ff url(../images/bg-header.jpg) top repeat-x;
	display: inline-block;
	width: 100%;
	height: 17.2em;
	_overflow-y: hidden;
}

#header h1 {
	text-align: left;
	float: left;
}

#header h1 img {
	height: 8em;
}

#header #datos {
	float: left;
	text-align: center;
}

#header #datos p {
	font-size: 1.2em;
	*font-size: 1.5em;
	font-style: italic; 
	font-family: serif;
}

#header #mapa {
	float: right;
	padding-top: 1em;
	padding-right: 1em;
}

#header #mapa img {
	width: 21em;
}

#header #menu {
	background: url(../images/bg-menu-hover.jpg) no-repeat -9999 -9999; /* Preload hover */

	float: right;
	position: relative;
	top: -3.4em;
	
	*padding: 1em;
	*padding-right: 0;
	*padding-left: 0;
	*top: -4.7em;
}

#header #menu ul {
	margin: .5em 1em .5em 1em;

}

#header #menu li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#header #menu li a.sel {
	background: url(../images/bg-menu-hover.jpg) top repeat-x;
}

#header #menu a {
	font-size: 1.2em;
	color: white;
	font-weight: bold;
	padding: .4em .4em .6em .4em;
}

#header #menu li a:hover {
	text-decoration: none;
	background: url(../images/bg-menu-hover.jpg) top repeat-x;
	border-top: 6px solid #7070f0;
}

/* ============================================================================
 * Middle
 * ============================================================================
 */
#middle {
	display: inline-block;
	width: 100%;
}

/* ============================================================================
 * Footer
 * ============================================================================
 */
#footer {
}

	#footer #cuadro_inf {
		background: url(../images/bg-footer.jpg) top repeat-x;
		display: inline-block;
		width: 100%;
		padding-top: 1em;
		padding-bottom: 1em;
	}	
	
	#footer p {
		font-size: .9em;	
		margin: .2em;
	}

/* ============================================================================
 * Portada
 * ============================================================================
 */
#center_index { 
	padding-bottom: 1em;
	overflow-y: hidden;
	background: white;
	display: inline-block;
	width: 100%;
	
	*margin-bottom: -5em;
}

#center_index #top {
	padding: 1em;
}

	#center_index #top {
		margin: 2em auto;
		padding: 0 9em;
	} 
	
	#center_index #top .box1 {
		float: left;
	}
	
			#center_index #top .box1 img {
				width: 26.5em;
			}
			
	#center_index #top .box2 {
		float: right;
	}
	
			#center_index #top .box2 img {
				width: 26.5em;
			}

#center_index #bottom {
	border-top: 5px solid #da5883;
	padding: 1em 0 3em 0;
	margin: 3em auto;
	width: 90%
} 

	#center_index #bottom .box1 {
		text-align: left;	
		float: left;
		padding: .8em;
		padding-left: 0;
		width: 30em;
	}
	
		#center_index #bottom .box1 h4 {
			color: #ff0054;
			margin-bottom: 1em;
		}
	
	#center_index #bottom .box2 {
		background: white url(../images/bg-box-4.jpg) top right repeat-y;
		text-align: left;	
		float: right;
		padding: .8em;
		width: 30em;
	}
	
		#center_index #bottom .box2 #llamada {
			width: 12em;
			float: left;
			padding-right: .5em;
			margin-top: -1em;
			text-align: center;
		}
				
		#center_index #bottom .box2 h4 {
			color: #ff0054;
			margin-bottom: 1em;
		}
		
		#center_index #bottom .box2 #texto {
		}

/* ============================================================================
 * Regalos personalizados
 * ============================================================================
 */
#center_regalos_pers {
	padding-bottom: 1em;
	overflow-y: hidden;
}

#center_regalos_pers #left {
	width: 23em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_regalos_pers #right {
	width: 48.5em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_regalos_pers .box1 {
	background: white;
	padding: 1.5em;
}

	#center_regalos_pers .box1 p {
		font-size: 1.2em;
		text-align: left;
		font-weight: bold;
		margin-bottom: 2em;
	}
	
		#center_regalos_pers .box1 p.uno {
			color: #4040d0;	
		}
		
		#center_regalos_pers .box1 p.dos {
			color: #947b2e;	
		}
		
		#center_regalos_pers .box1 p.tres {
			color: #f64d4d;	
		}

#center_regalos_pers .box2 {
	background: #f79e09;
	padding: 1.5em;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_regalos_pers .box2 p {
		font-size: 1.2em;
		text-align: left;
		margin-bottom: 2em;
	}
	
		#center_regalos_pers .box2 p.dos {
			font-weight: bold;
		}

#center_regalos_pers .box3 {
	background: #aba6ce url(../images/bg-box-1.jpg) top left repeat-y;
	padding: 2em;
	text-align: center;
	color: white;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_regalos_pers .box3 h2 {
		font-size: 1.8em;
		text-align: left;
		margin-bottom: 1em;
		margin-top: 0;
		color: #eec23f;
	}
	
	#center_regalos_pers .box3 a.byzoomer img {
		display: inline-block;
		border: 8px solid white;
		margin: .3em;
	}

/* ============================================================================
 * Muebles Regalos
 * ============================================================================
 */
#center_muebles_reg {
	padding-bottom: 1em;
	overflow-y: hidden;
}

#center_muebles_reg #left {
	width: 23em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_muebles_reg #right {
	width: 48.5em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_muebles_reg .box1 {
	background: white;
	padding: 1.5em;
}

	#center_muebles_reg .box1 p {
		font-size: 1.2em;
		text-align: left;
		font-weight: bold;
		margin-bottom: 2em;
	}
	
		#center_muebles_reg .box1 p.uno {
			color: #4040d0;	
		}
		
		#center_muebles_reg .box1 p.dos {
			color: #947b2e;	
		}
		
		#center_muebles_reg .box1 p.tres {
			color: #f64d4d;	
		}

#center_muebles_reg .box2 {
	background: #e0dfff;
	padding: 1.5em;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_muebles_reg .box2 p {
		font-size: 1.2em;
		text-align: left;
		margin-bottom: 2em;
	}
	
		#center_muebles_reg .box2 p.dos {
			font-weight: bold;
		}

#center_muebles_reg .box3 {
	background: #e3b8b5 url(../images/bg-box-3.jpg) top left repeat-y;
	padding: 2em;
	text-align: center;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_muebles_reg .box3 h2 {
		font-size: 1.8em;
		text-align: left;
		margin-bottom: 1em;
		margin-top: 0;
		color: white;
	}
	
	#center_muebles_reg .box3 a.byzoomer img {
		display: inline-block;
		border: 8px solid white;
		margin: .3em;
		margin-left: .2em;
		margin-right: .2em;
	}
	 
/* ============================================================================
 * Reportajes
 * ============================================================================
 */
#center_reportajes {
	padding-bottom: 1em;
	/* Efecto columnas de igual alto */
	overflow: hidden;
}
#center_reportajes #left {
	width: 23em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_reportajes #right {
	width: 48.5em;
	float: left;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#center_reportajes .box1 {
	background: white;
	padding: 1em;
}

	#center_reportajes .box1 ul {
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
		color: #ac0339;
		padding-left: 0;
		margin-bottom: 1em; 
	}
	
	#center_reportajes .box1 p {
		font-size: 1.2em;
		text-align: left;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
		#center_reportajes .box1 p.uno {
			color: #4040d0;	
		}
		
		#center_reportajes .box1 p.dos {
			color: black;	
			margin: 0;
			font-size: 1.2em;
			line-height: 1.4em;
		}
		
		#center_reportajes .box1 p.tres {
			color: #f64d4d;	
		}
		
		#center_reportajes .box1 .box-c-1 {
			display: inline-block;
			background: white url(../images/bg-box-c-1.jpg) top left repeat-y;
		}
		
		#center_reportajes .box1 .box-c-1 #tl {
			display: inline-block;
			padding: 1.5em;
			background: transparent url(../images/bg-box-c-1-izq.jpg) top left no-repeat;
		}
		
		#center_reportajes .box1 .box-c-1 #bl {
			height: 6px;
			background: transparent url(../images/bg-box-c-1-izq.jpg) bottom left no-repeat;
		}


#center_reportajes .box2 {
	background: #ac0339;
	color: white;
	padding: 1.5em;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_reportajes .box2 p {
		font-size: 1.2em;
		text-align: left;
		margin-bottom: 2em;
	}
	
		#center_reportajes .box2 p.dos {
			font-weight: bold;
		}

#center_reportajes .box3 {
	background: #f79e09 url(../images/bg-box-2.jpg) top left repeat-y;
	padding: 2em;
	text-align: center;
	/* Efecto columnas de igual alto */
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

	#center_reportajes .box3 h2 {
		font-size: 1.8em;
		text-align: left;
		margin-bottom: 1em;
		margin-top: 0;
		color: #eec23f;
	}
	
	#center_reportajes .box3 .galeria img {
		border: 8px solid white;
		margin-bottom: 1em;
	}
	
	#center_reportajes .box3 #bodas {
		float: left;
	}
	
	#center_reportajes .box3 #comuniones {
		float: right;
	}
	
	#center_reportajes .box3 #album {
		margin-bottom: 0;	
		margin-top: 2em;
		text-align: center;
	}
	
	#center_reportajes .box3 #album p {
		font-size: 1.4em;
		text-align: left;
		color: white;
		margin-bottom: .5em;
	}
	 		
/* ============================================================================
 * Contacto
 * ============================================================================
 */
#center_contacto { 
	padding: 1em;
	background: white;
}			

#center_contacto .box1 {
	margin: 1em auto;
	padding: 2em;
	width: 40em;
	text-align: center;
	*margin-bottom: -.1em;
	border: 10px solid #f3a200;
	background: #fff0d1;
} 
	
	#center_contacto .box1 h2 {
		color: gray;
		font-size: 1.9em;	
	}
	 
	#center_contacto .box1 #direcciones {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#center_contacto .box1 #email {
		margin: 0 auto;
		margin-top: 2em;
		border: 1px solid gray;
		background: #f6f6f6;
		padding: 1em;
		font-size: 1.3em;
		font-weight: bold;
		width: 20em;
	}
			
/* ============================================================================
 * Slimbox
 * ============================================================================
 */			
#lbCaption {
	font-size: 2em;
	margin-bottom: .5em;
}

#lbImage img {
	border: 1px solid blue;
}

/* ============================================================================
 * byZoomer
 * ============================================================================
 */		
img.byzoomerZoomed {
	border: 15px solid white;
}